#ADD8E6

LightBlue — Kode Warna & Palet

#ADD8E6  ·  rgb(173, 216, 230)  ·  hsl(195, 53%, 79%)

Kode Warna

Format Nilai
HEX #ADD8E6
RGB rgb(173, 216, 230)
HSL hsl(195, 53%, 79%)

Nuansa Gelap LightBlue

#8EC9DC#6FBAD3#4FABC9#3898B7#2F7E98#256479#1C4A5A#12303B

Nuansa Terang LightBlue

#B5DBE8#BDDFEB#C4E3ED#CCE7EF#D4EAF2#DCEEF4#E4F2F7#EBF6F9

Paduan Warna & Harmoni

Komplementer
#E6BBAD
Analog +30°
#ADBBE6
Analog −30°
#ADE6D8
Triadik +120°
#E6ADD8
Triadik −120°
#D8E6AD

Kontras & Aksesibilitas (WCAG 2.1)

vs. Putih (#FFFFFF)
1.53:1 — Gagal
vs. Hitam (#000000)
13.74:1 — Lulus AAA untuk teks normal

Cuplikan CSS

.element {
  color: #ADD8E6;
}

.element-bg {
  background-color: #ADD8E6;
  color: #000000;
}

.element-border {
  border: 2px solid #ADD8E6;
}

Tentang LightBlue

LightBlue adalah warna terang dengan saturasi tinggi, didefinisikan oleh kode hex #ADD8E6. Nilai model warnanya yang tepat adalah rgb(173, 216, 230) dalam RGB dan hsl(195, 53%, 79%) dalam HSL (hue 195°, saturasi 53%, kecerahan 79%). Pada latar belakang putih rasio kontrasnya adalah 1.53:1 — Gagal, dan pada latar hitam adalah 13.74:1 — Lulus AAA untuk teks normal. Gunakan LightBlue untuk elemen UI, latar belakang, teks, border, atau aksen dekoratif. Bagian nuansa gelap di bawah ini menampilkan variasi yang semakin gelap, sedangkan strip nuansa terang menampilkan versi yang semakin cerah — keduanya berguna untuk membangun palet tonal. Swatch harmoni memberikan paduan komplementer, analog, dan triadik berdasarkan roda hue HSL.

Ingin menjelajahi warna ini secara interaktif, membuat palet, atau mengkonversi antar format warna? DevArbor Color Picker siap membantu kamu.

Buka Color Picker →

Pertanyaan yang Sering Diajukan

Apa nilai RGB dari LightBlue?
Nilai RGB dari LightBlue (#ADD8E6) adalah rgb(173, 216, 230). Merah = rgb(173, 216, 230), mewakili jumlah cahaya merah, hijau, dan biru pada skala 0–255.
Apakah LightBlue aksesibel di latar belakang putih?
Rasio kontras LightBlue di atas putih (#FFFFFF) adalah 1.53:1 — Gagal. Di atas hitam (#000000) rasio kontrasnya adalah 13.74:1 — Lulus AAA untuk teks normal. WCAG 2.1 mensyaratkan 4,5:1 untuk AA (teks normal) dan 7:1 untuk AAA.
Warna apa yang cocok dipadukan dengan LightBlue?
Berdasarkan teori warna, LightBlue (hsl(195, 53%, 79%)) cocok dipadukan dengan warna komplementer, analog, dan triadiknya. Lihat swatch harmoni di atas untuk nilai hex tepat dari setiap jenis paduan.