Tentang Light Slate Gray
Light Slate Gray (lightslategray) adalah biru sedang yang redup, dengan kode hex #778899, atau rgb(119, 136, 153). Dalam HSL, warna ini berada di hue 210°, saturasi 14%, dan lightness 53%. CSS juga menerima ejaan lightslategrey untuk warna yang persis sama. Warna ini termasuk dari 148 warna bernama yang dipahami setiap browser, jadi kamu bisa menulis color: lightslategray; sebagai pengganti nilai hex.
Menggunakan Light Slate Gray untuk teks dan latar belakang
| Pasangan | Rasio kontras | WCAG |
|---|---|---|
| Teks Light Slate Gray di atas putih | 3.64 : 1 | AA hanya untuk teks besar |
| Teks Light Slate Gray di atas hitam | 5.77 : 1 | AA |
Di atas latar belakang light slate gray, gunakan teks hitam (5.77 : 1). WCAG menyarankan minimal 4.5 : 1 untuk teks isi dan 3 : 1 untuk teks besar. Cek pasangan warna lain dengan Contrast Checker.
CSS
.element {
color: lightslategray; /* or #778899 */
background-color: #778899;
border: 1px solid rgb(119 136 153 / 50%);
}
Warna bernama yang mirip
Slate Gray (#708090), Abu-abu (#808080), Biru Cadet (#5f9ea0), Biru Baja (#4682b4), Hijau Laut Gelap (#8fbc8f), Abu-abu Redup (#696969).
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.