Kode Warna Biru Muda (#add8e6)

Biru Muda adalah #add8e6 dalam format hex dan rgb(173, 216, 230) — sebuah biru muda. Di bawah ini: semua format warna, tint dan shade, harmoni warna, serta seberapa mudah warna ini dibaca sebagai teks.

Diperbarui

Biru Muda
#add8e6
Nama CSSlightblue
Hex#add8e6
RGBrgb(173, 216, 230)
HSLhsl(195 53% 79%)
HWBhwb(195 68% 10%)
CMYK25%, 6%, 0%, 10%

Tint dan shade

Harmoni warna

Tentang Biru Muda

Biru Muda (lightblue) adalah biru yang terang dengan saturasi sedang, berkode hex #add8e6, atau rgb(173, 216, 230). Dalam HSL, warna ini berada di hue 195°, saturasi 53%, dan lightness 79%. Warna ini termasuk salah satu dari 148 warna bernama yang dipahami setiap browser, jadi kamu bisa menulis color: lightblue; sebagai ganti nilai hex-nya.

Menggunakan Biru Muda untuk teks dan latar belakang

PasanganRasio kontrasWCAG
Teks Biru Muda di atas putih1.53 : 1gagal
Teks Biru Muda di atas hitam13.74 : 1AAA

Pada latar belakang biru muda, gunakan teks hitam (13.74 : 1). WCAG meminta minimal 4.5 : 1 untuk teks isi dan 3 : 1 untuk teks besar. Periksa pasangan warna lain dengan Contrast Checker.

CSS

.element {
  color: lightblue;               /* or #add8e6 */
  background-color: #add8e6;
  border: 1px solid rgb(173 216 230 / 50%);
}

Nama warna serupa

Biru Bedak (#b0e0e6), Biru Baja Muda (#b0c4de), Turquoise Pucat (#afeeee), Biru Langit (#87ceeb), Abu-abu Muda (#d3d3d3), Biru Langit Muda (#87cefa).

Pertanyaan yang sering diajukan

Apa kode hex untuk biru muda?
#add8e6 — yaitu rgb(173, 216, 230) dan hsl(195, 53%, 79%). Di CSS, kamu juga bisa langsung menulis lightblue.
Apakah teks biru muda mudah dibaca di atas putih?
Rasio kontrasnya di atas putih adalah 1.53 : 1, yang gagal WCAG — gunakan untuk dekorasi atau di atas latar belakang gelap saja.
Warna apa yang cocok dengan biru muda?
Warna komplementernya adalah #e6bbad; warna analog #ade6d8 dan #adbbe6 berada di sebelahnya pada roda warna.