Kode Warna Lavender (#e6e6fa)

Lavender adalah #e6e6fa dalam hex dan rgb(230, 230, 250) — biru muda yang sangat terang. Di bawah ini: semua format warna, tint dan shade, harmoni warna, serta seberapa mudah warna ini dibaca sebagai teks.

Diperbarui

Lavender
#e6e6fa
Nama CSSlavender
Hex#e6e6fa
RGBrgb(230, 230, 250)
HSLhsl(240 67% 94%)
HWBhwb(240 90% 2%)
CMYK8%, 8%, 0%, 2%

Tint dan shade

Harmoni warna

Tentang Lavender

Lavender (lavender) adalah biru yang sangat terang dan lembut dengan kode hex #e6e6fa, atau rgb(230, 230, 250). Dalam HSL, warna ini berada di hue 240°, saturasi 67%, dan kecerahan 94%. Warna ini termasuk salah satu dari 148 warna bernama yang dipahami setiap browser, jadi kamu bisa menulis color: lavender; alih-alih nilai hex.

Menggunakan Lavender untuk teks dan latar belakang

PasanganRasio kontrasWCAG
Teks lavender di atas putih1.23 : 1gagal
Teks lavender di atas hitam17.06 : 1AAA

Di atas latar belakang lavender, gunakan teks hitam (17.06 : 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: lavender;               /* or #e6e6fa */
  background-color: #e6e6fa;
  border: 1px solid rgb(230 230 250 / 50%);
}

Warna bernama yang mirip

Alice Blue (#f0f8ff), White Smoke (#f5f5f5), Ghost White (#f8f8ff), Light Cyan (#e0ffff), Lavender Blush (#fff0f5), Azure (#f0ffff).

Pertanyaan yang sering diajukan

Apa kode hex untuk lavender?
#e6e6fa — yaitu rgb(230, 230, 250) dan hsl(240, 67%, 94%). Di CSS, kamu juga cukup menulis lavender.
Apakah teks lavender mudah dibaca di atas putih?
Rasio kontrasnya di atas putih adalah 1.23 : 1, yang gagal WCAG — gunakan untuk dekorasi atau di atas latar belakang gelap saja.
Warna apa yang cocok dengan lavender?
Warna komplementernya adalah #fafae5; warna analog #e5f0fa dan #f0e5fa berada di sebelahnya pada roda warna.