Tentang Royal Blue
Royal Blue (royalblue) adalah biru sedang yang cerah dengan kode hex #4169e1, atau rgb(65, 105, 225). Dalam HSL, warna ini berada di hue 225°, saturasi 73%, dan lightness 57%. Warna ini termasuk salah satu dari 148 warna bernama yang dipahami setiap browser, jadi kamu bisa menulis color: royalblue; sebagai ganti nilai hex.
Menggunakan Royal Blue untuk teks dan latar belakang
| Pasangan | Rasio kontras | WCAG |
|---|---|---|
| Teks Royal Blue di atas putih | 4.85 : 1 | AA |
| Teks Royal Blue di atas hitam | 4.33 : 1 | AA khusus teks besar |
Pada latar belakang royal blue, gunakan teks putih (4.85 : 1). WCAG meminta rasio minimal 4.5 : 1 untuk teks biasa dan 3 : 1 untuk teks besar. Cek pasangan warna lain dengan Pengecek Kontras.
CSS
.element {
color: royalblue; /* or #4169e1 */
background-color: #4169e1;
border: 1px solid rgb(65 105 225 / 50%);
}Warna bernama yang mirip
Slate Blue (#6a5acd), Steel Blue (#4682b4), Cornflower Blue (#6495ed), Medium Slate Blue (#7b68ee), Dodger Blue (#1e90ff), Medium Purple (#9370db).
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.