Tentang Biru
Biru (blue) adalah biru sedang yang cerah, dengan kode hex #0000ff, atau rgb(0, 0, 255). Dalam HSL, warna ini berada di hue 240°, saturasi 100% dan kecerahan 50%. Warna ini termasuk dalam 148 warna bernama yang dipahami setiap browser, jadi kamu bisa menulis color: blue; alih-alih nilai hex.
Menggunakan Biru untuk teks dan latar belakang
| Pasangan | Rasio kontras | WCAG |
|---|---|---|
| Teks biru di atas putih | 8.59 : 1 | AAA |
| Teks biru di atas hitam | 2.44 : 1 | gagal |
Di atas latar belakang biru, gunakan teks putih (8.59 : 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: blue; /* or #0000ff */
background-color: #0000ff;
border: 1px solid rgb(0 0 255 / 50%);
}Nama warna serupa
Biru Medium (#0000cd), Biru Tua (#00008b), Navy (#000080), Biru Royal (#4169e1), Indigo (#4b0082), Biru Dodger (#1e90ff).
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.
Pertanyaan yang sering diajukan
Apa kode hex untuk warna biru?
#0000ff — yaitu rgb(0, 0, 255) dan hsl(240, 100%, 50%). Di CSS, kamu juga bisa langsung menulis blue.
Apakah teks biru mudah dibaca di atas putih?
Rasio kontrasnya di atas putih adalah 8.59 : 1, yang lolos WCAG AA untuk teks biasa.
Warna apa saja yang cocok dengan biru?
Warna komplementernya adalah #ffff00; warna analog #0080ff dan #8000ff berada di sebelahnya pada roda warna.