devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Kode Warna White Smoke (#f5f5f5)

White Smoke adalah #f5f5f5 dalam hex dan rgb(245, 245, 245), yaitu warna putih yang sangat terang. Di bawah ini ada semua format warna, tint dan shade, harmoni warna, serta seberapa mudah warna ini dibaca sebagai teks.

Diperbarui

White Smoke
#f5f5f5
Nama CSSwhitesmoke
Hex#f5f5f5
RGBrgb(245, 245, 245)
HSLhsl(0 0% 96%)
HWBhwb(0 96% 4%)
CMYK0%, 0%, 0%, 4%

Tint dan shade

#fdfdfd#fbfbfb#f9f9f9#f7f7f7dasar
#f5f5f5#c4c4c4#939393#626262#313131

Tentang White Smoke

White Smoke (whitesmoke) adalah warna putih yang sangat terang dan lembut, dengan kode hex #f5f5f5, atau rgb(245, 245, 245). Dalam HSL, warna ini berada di hue 0°, saturasi 0%, dan lightness 96%. Warna ini termasuk salah satu dari 148 warna bernama yang dipahami setiap browser, jadi kamu bisa menulis color: whitesmoke; sebagai ganti nilai hex.

Menggunakan White Smoke untuk teks dan latar belakang

PasanganRasio kontrasWCAG
Teks White Smoke di atas putih1.09 : 1gagal
Teks White Smoke di atas hitam19.26 : 1AAA

Jika memakai latar belakang white smoke, gunakan teks hitam (19.26 : 1). WCAG menyarankan rasio minimal 4.5 : 1 untuk teks biasa dan 3 : 1 untuk teks besar. Untuk mengecek pasangan warna lain, gunakan Contrast Checker.

CSS

.element {
  color: whitesmoke;               /* or #f5f5f5 */
  background-color: #f5f5f5;
  border: 1px solid rgb(245 245 245 / 50%);
}

Nama warna serupa

Ghost White (#f8f8ff), Lavender Blush (#fff0f5), Mint Cream (#f5fffa), Alice Blue (#f0f8ff), Sea Shell (#fff5ee), Floral White (#fffaf0).

Pertanyaan yang sering diajukan

Apa kode hex untuk white smoke?
#f5f5f5, yaitu rgb(245, 245, 245) dan hsl(0, 0%, 96%). Di CSS, kamu juga bisa langsung menulis whitesmoke.
Apakah teks white smoke mudah dibaca di atas putih?
Rasio kontrasnya di atas putih adalah 1.09 : 1, yang gagal memenuhi WCAG. Gunakan warna ini untuk dekorasi atau di atas latar belakang gelap.
Warna apa yang cocok dengan white smoke?
White Smoke adalah warna netral, jadi hampir cocok dipadukan dengan warna apa pun. Gunakan untuk latar belakang, border, dan teks di sekitar aksen warna yang lebih kuat.