Tentang Gainsboro
Gainsboro (gainsboro) adalah abu-abu yang sangat terang dan lembut, dengan kode hex #dcdcdc, atau rgb(220, 220, 220). Dalam HSL, warna ini berada di hue 0°, saturasi 0%, dan lightness 86%. Warna ini termasuk dari 148 warna bernama yang dipahami setiap browser, jadi kamu bisa menulis color: gainsboro; sebagai ganti nilai hex.
Menggunakan Gainsboro untuk teks dan latar belakang
| Pasangan | Rasio kontras | WCAG |
|---|---|---|
| Teks Gainsboro di atas putih | 1.37 : 1 | gagal |
| Teks Gainsboro di atas hitam | 15.31 : 1 | AAA |
Di atas latar belakang gainsboro, gunakan teks hitam (15.31 : 1). WCAG meminta rasio minimal 4.5 : 1 untuk teks isi dan 3 : 1 untuk teks besar. Cek pasangan warna lain dengan Contrast Checker.
CSS
.element {
color: gainsboro; /* or #dcdcdc */
background-color: #dcdcdc;
border: 1px solid rgb(220 220 220 / 50%);
}
Nama warna serupa
Light Gray (#d3d3d3), Thistle (#d8bfd8), Lavender (#e6e6fa), Antique White (#faebd7), Beige (#f5f5dc), Misty Rose (#ffe4e1).
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.