Tentang Slate Blue
Slate Blue (slateblue) adalah biru sedang dengan saturasi cukup tinggi, berkode hex #6a5acd, atau rgb(106, 90, 205). Dalam HSL, warna ini berada di hue 248°, saturasi 53%, dan lightness 58%. Warna ini termasuk salah satu dari 148 warna bernama yang dipahami setiap browser, jadi kamu bisa menulis color: slateblue; sebagai ganti nilai hex.
Menggunakan Slate Blue untuk teks dan latar belakang
| Pasangan | Rasio kontras | WCAG |
|---|---|---|
| Teks Slate Blue di atas putih | 5.31 : 1 | AA |
| Teks Slate Blue di atas hitam | 3.96 : 1 | AA hanya untuk teks besar |
Pada latar belakang slate blue, gunakan teks putih (5.31 : 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: slateblue; /* or #6a5acd */
background-color: #6a5acd;
border: 1px solid rgb(106 90 205 / 50%);
}
Nama warna serupa
Medium Slate Blue (#7b68ee), Royal Blue (#4169e1), Medium Purple (#9370db), Steel Blue (#4682b4), Blue Violet (#8a2be2), Dark Orchid (#9932cc).
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.