Kode Warna Alice Blue (#f0f8ff)

Alice Blue adalah #f0f8ff dalam hex dan rgb(240, 248, 255) — biru muda yang sangat terang. Di bawah ini ada semua format warna, tint dan shade, harmoni warna, serta seberapa mudah warna ini dibaca sebagai teks.

Diperbarui

Alice Blue
#f0f8ff
Nama CSSaliceblue
Hex#f0f8ff
RGBrgb(240, 248, 255)
HSLhsl(208 100% 97%)
HWBhwb(208 94% 0%)
CMYK6%, 3%, 0%, 0%

Tint dan shade

Harmoni warna

Tentang Alice Blue

Alice Blue (aliceblue) adalah biru yang sangat terang dan cerah dengan kode hex #f0f8ff, atau rgb(240, 248, 255). Dalam HSL, warna ini berada di hue 208°, saturasi 100%, dan lightness 97%. Warna ini termasuk salah satu dari 148 warna bernama yang dipahami setiap browser, jadi kamu bisa menulis color: aliceblue; alih-alih nilai hex-nya.

Menggunakan Alice Blue untuk teks dan latar belakang

KombinasiRasio kontrasWCAG
Teks Alice Blue di atas putih1.07 : 1gagal
Teks Alice Blue di atas hitam19.58 : 1AAA

Pada latar belakang alice blue, gunakan teks hitam (19.58 : 1). WCAG menyarankan rasio minimal 4.5 : 1 untuk teks isi dan 3 : 1 untuk teks besar. Cek kombinasi warna lainnya dengan Contrast Checker.

CSS

.element {
  color: aliceblue;               /* or #f0f8ff */
  background-color: #f0f8ff;
  border: 1px solid rgb(240 248 255 / 50%);
}

Nama warna serupa

Azure (#f0ffff), Ghost White (#f8f8ff), Mint Cream (#f5fffa), White Smoke (#f5f5f5), Snow (#fffafa), Honey Dew (#f0fff0).

Pertanyaan yang sering diajukan

Apa kode hex untuk alice blue?
#f0f8ff — yaitu rgb(240, 248, 255) dan hsl(208, 100%, 97%). Di CSS, kamu juga bisa langsung menulis aliceblue.
Apakah teks alice blue mudah dibaca di atas putih?
Rasio kontrasnya di atas putih adalah 1.07 : 1, yang gagal memenuhi WCAG. Gunakan warna ini untuk dekorasi atau di atas latar belakang gelap saja.
Warna apa saja yang cocok dengan alice blue?
Warna komplementernya adalah #fff7f0; warna analog #f0fffe dan #f0f0ff berada di sebelahnya pada roda warna.