Tentang Steel Blue
Steel Blue (steelblue) adalah biru sedang dengan saturasi cukup, berkode hex #4682b4, atau rgb(70, 130, 180). Dalam HSL, warna ini berada di hue 207°, saturasi 44%, dan lightness 49%. Warna ini termasuk dalam 148 warna bernama yang dipahami setiap browser, jadi kamu bisa menulis color: steelblue; alih-alih nilai hex-nya.
Menggunakan Steel Blue untuk teks dan latar belakang
| Pasangan | Rasio kontras | WCAG |
|---|---|---|
| Teks Steel Blue di atas putih | 4.11 : 1 | AA hanya untuk teks besar |
| Teks Steel Blue di atas hitam | 5.11 : 1 | AA |
Di atas latar belakang steel blue, gunakan teks hitam (5.11 : 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: steelblue; /* or #4682b4 */
background-color: #4682b4;
border: 1px solid rgb(70 130 180 / 50%);
}Warna bernama yang mirip
Cadet Blue (#5f9ea0), Royal Blue (#4169e1), Slate Gray (#708090), Light Slate Gray (#778899), Slate Blue (#6a5acd), Light Sea Green (#20b2aa).
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.