Tentang Abu-abu Gelap
Abu-abu Gelap (darkgray) adalah abu-abu terang dan redup dengan kode hex #a9a9a9, atau rgb(169, 169, 169). Dalam HSL, warna ini berada di hue 0°, saturasi 0%, dan lightness 66%. CSS juga menerima ejaan darkgrey untuk warna yang persis sama. Warna ini termasuk dalam 148 warna bernama yang dipahami setiap browser, jadi kamu bisa menulis color: darkgray; sebagai ganti nilai hex.
Menggunakan Abu-abu Gelap untuk teks dan latar belakang
| Pasangan | Rasio kontras | WCAG |
|---|---|---|
| Teks Abu-abu Gelap di atas putih | 2,35 : 1 | gagal |
| Teks Abu-abu Gelap di atas hitam | 8,94 : 1 | AAA |
Di atas latar abu-abu gelap, gunakan teks hitam (8,94 : 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: darkgray; /* or #a9a9a9 */
background-color: #a9a9a9;
border: 1px solid rgb(169 169 169 / 50%);
}
Nama warna bernama yang mirip
Perak (#c0c0c0), Hijau Laut Gelap (#8fbc8f), Cokelat Merah Muda (#bc8f8f), Tan (#d2b48c), Biru Baja Muda (#b0c4de), Abu-abu Slate Muda (#778899).
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.