Tentang Slate Gray
Slate Gray (slategray) adalah biru sedang yang lembut dengan kode hex #708090, atau rgb(112, 128, 144). Dalam HSL, warna ini berada di hue 210°, saturasi 13%, dan lightness 50%. CSS juga menerima ejaan slategrey untuk warna yang persis sama. Warna ini termasuk dari 148 warna bernama yang dipahami setiap browser, jadi kamu bisa menulis color: slategray; sebagai ganti nilai hex.
Menggunakan Slate Gray untuk teks dan latar belakang
| Kombinasi | Rasio kontras | WCAG |
|---|---|---|
| Teks Slate Gray di atas putih | 4.05 : 1 | AA hanya untuk teks besar |
| Teks Slate Gray di atas hitam | 5.18 : 1 | AA |
Di atas latar slate gray, gunakan teks hitam (5.18 : 1). WCAG mensyaratkan rasio minimal 4.5 : 1 untuk teks isi dan 3 : 1 untuk teks besar. Untuk memeriksa pasangan warna lain, gunakan Contrast Checker.
CSS
.element {
color: slategray; /* or #708090 */
background-color: #708090;
border: 1px solid rgb(112 128 144 / 50%);
}Warna bernama yang mirip
Abu-abu Slate Muda (#778899), Abu-abu (#808080), Biru Cadet (#5f9ea0), Abu-abu Redup (#696969), Biru Baja (#4682b4), Hijau Laut Gelap (#8fbc8f).
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.