WhiteSmoke — Kode Warna & Palet
Kode Warna
| Format | Nilai | |
|---|---|---|
| HEX | #F5F5F5 | |
| RGB | rgb(245, 245, 245) | |
| HSL | hsl(0, 0%, 96%) |
Nuansa Gelap WhiteSmoke
| #DBDBDB | #C2C2C2 | #A8A8A8 | #8F8F8F | #757575 | #5C5C5C | #424242 | #292929 |
Nuansa Terang WhiteSmoke
| #F5F5F5 | #F5F5F5 | #F5F5F5 | #F5F5F5 | #F5F5F5 | #F5F5F5 | #F5F5F5 | #F5F5F5 |
Paduan Warna & Harmoni
|
Komplementer
#F5F5F5
|
Analog +30°
#F5F5F5
|
Analog −30°
#F5F5F5
|
Triadik +120°
#F5F5F5
|
Triadik −120°
#F5F5F5
|
Kontras & Aksesibilitas (WCAG 2.1)
Cuplikan CSS
.element {
color: #F5F5F5;
}
.element-bg {
background-color: #F5F5F5;
color: #000000;
}
.element-border {
border: 2px solid #F5F5F5;
}
Tentang WhiteSmoke
WhiteSmoke adalah warna sangat terang dengan saturasi sangat rendah (hampir akromatik), didefinisikan oleh kode hex #F5F5F5. Nilai model warnanya yang tepat adalah rgb(245, 245, 245) dalam RGB dan hsl(0, 0%, 96%) dalam HSL (hue 0°, saturasi 0%, kecerahan 96%). Pada latar belakang putih rasio kontrasnya adalah 1.09:1 — Gagal, dan pada latar hitam adalah 19.26:1 — Lulus AAA untuk teks normal. Gunakan WhiteSmoke untuk elemen UI, latar belakang, teks, border, atau aksen dekoratif. Bagian nuansa gelap di bawah ini menampilkan variasi yang semakin gelap, sedangkan strip nuansa terang menampilkan versi yang semakin cerah — keduanya berguna untuk membangun palet tonal. Swatch harmoni memberikan paduan komplementer, analog, dan triadik berdasarkan roda hue HSL.
Ingin menjelajahi warna ini secara interaktif, membuat palet, atau mengkonversi antar format warna? DevArbor Color Picker siap membantu kamu.
Buka Color Picker →