Tentang Cokelat
Cokelat (brown) adalah warna merah sedang dengan saturasi cukup tinggi, berkode hex #a52a2a, atau rgb(165, 42, 42). Dalam HSL, warnanya berada di hue 0°, saturasi 59%, dan lightness 41%. Warna ini termasuk dalam 148 warna bernama yang dipahami setiap browser, jadi kamu bisa menulis color: brown; alih-alih nilai hex.
Menggunakan cokelat untuk teks dan latar belakang
| Pasangan | Rasio kontras | WCAG |
|---|---|---|
| Teks cokelat di atas putih | 7.08 : 1 | AAA |
| Teks cokelat di atas hitam | 2.96 : 1 | gagal |
Di atas latar belakang cokelat, gunakan teks putih (7.08 : 1). WCAG mensyaratkan minimal 4.5 : 1 untuk teks isi dan 3 : 1 untuk teks besar. Periksa pasangan lain dengan Contrast Checker.
CSS
.element {
color: brown; /* or #a52a2a */
background-color: #a52a2a;
border: 1px solid rgb(165 42 42 / 50%);
}Nama warna serupa
Fire Brick (#b22222), Sienna (#a0522d), Saddle Brown (#8b4513), Crimson (#dc143c), Dark Red (#8b0000), Maroon (#800000).
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.