Tentang Cokelat
Cokelat (chocolate) adalah oranye sedang yang cerah dengan kode hex #d2691e, atau rgb(210, 105, 30). Dalam HSL, warna ini memiliki hue 25°, saturasi 75%, dan lightness 47%. Warna ini termasuk salah satu dari 148 warna bernama yang dipahami setiap browser, jadi kamu bisa menulis color: chocolate; alih-alih nilai hex.
Menggunakan Cokelat untuk teks dan latar belakang
| Pasangan | Rasio kontras | WCAG |
|---|---|---|
| Teks cokelat di atas putih | 3.63 : 1 | AA hanya untuk teks besar |
| Teks cokelat di atas hitam | 5.78 : 1 | AA |
Di atas latar belakang cokelat, gunakan teks hitam (5.78 : 1). WCAG mensyaratkan minimal 4.5 : 1 untuk teks isi dan 3 : 1 untuk teks besar. Periksa pasangan warna lain dengan Contrast Checker.
CSS
.element {
color: chocolate; /* or #d2691e */
background-color: #d2691e;
border: 1px solid rgb(210 105 30 / 50%);
}Warna bernama yang mirip
Dark Goldenrod (#b8860b), Peru (#cd853f), Sienna (#a0522d), Goldenrod (#daa520), Tomato (#ff6347), Indian Red (#cd5c5c).
Pencari Nama Warna
Tempel kode HEX untuk mendapatkan nama warna yang paling mendekati dan nama token yang rapi untuk CSS, SCSS, JavaScript, atau konfigurasi Tailwind kamu.