#B0E0E6

PowderBlue — Kode Warna & Palet

Q: Apa nilai RGB dari PowderBlue?

Nilai RGB dari PowderBlue (#B0E0E6) adalah rgb(176, 224, 230). Ini terdiri dari nilai saluran merah, hijau, dan biru pada skala 0–255.

Q: Apakah PowderBlue aksesibel di latar belakang putih?

Rasio kontras PowderBlue (#B0E0E6) di atas latar belakang putih (#FFFFFF) adalah 1.43:1 — Gagal. Di atas latar belakang hitam (#000000) rasio kontrasnya adalah 14.65:1 — Lulus AAA untuk teks normal. WCAG 2.1 mensyaratkan 4,5:1 untuk teks normal (AA) dan 7:1 untuk peningkatan (AAA).

Q: Warna apa yang cocok dipadukan dengan PowderBlue?

PowderBlue (#B0E0E6) cocok dipadukan dengan warna komplementernya dan warna analog. Warna komplementernya adalah #E7B8B1, warna analog pada +30° adalah #B1C6E7, dan satu warna triadik adalah #E7B1E0. Hubungan ini berasal dari teori warna menggunakan HSL (hsl(187, 52%, 80%)) sebagai dasar.

#B0E0E6 · rgb(176, 224, 230) · hsl(187, 52%, 80%)

Kode Warna

Format	Nilai
HEX	#B0E0E6
RGB	rgb(176, 224, 230)
HSL	hsl(187, 52%, 80%)

Nuansa Gelap PowderBlue

#92D4DD

#73C8D3

#54BCC9

#3BABBA

#318F9B

#27727C

#1D565D

#14393E

Nuansa Terang PowderBlue

#B9E3E9

#C1E6EB

#C9EAEE

#D0EDF0

#D8F0F3

#E0F3F5

#E8F6F8

#EFF9FA

Paduan Warna & Harmoni

Komplementer

#E7B8B1

Analog +30°

#B1C6E7

Analog −30°

#B1E7D2

Triadik +120°

#E7B1E0

Triadik −120°

#E0E7B1

Kontras & Aksesibilitas (WCAG 2.1)

vs. Putih (#FFFFFF)

1.43:1 — Gagal

vs. Hitam (#000000)

14.65:1 — Lulus AAA untuk teks normal

Cuplikan CSS

.element {
  color: #B0E0E6;
}

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

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

Tentang PowderBlue

PowderBlue adalah warna sangat terang dengan saturasi tinggi, didefinisikan oleh kode hex #B0E0E6. Nilai model warnanya yang tepat adalah rgb(176, 224, 230) dalam RGB dan hsl(187, 52%, 80%) dalam HSL (hue 187°, saturasi 52%, kecerahan 80%). Pada latar belakang putih rasio kontrasnya adalah 1.43:1 — Gagal, dan pada latar hitam adalah 14.65:1 — Lulus AAA untuk teks normal. Gunakan PowderBlue 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 PowderBlue?

Nilai RGB dari PowderBlue (#B0E0E6) adalah rgb(176, 224, 230). Merah = rgb(176, 224, 230), mewakili jumlah cahaya merah, hijau, dan biru pada skala 0–255.

Apakah PowderBlue aksesibel di latar belakang putih?

Rasio kontras PowderBlue di atas putih (#FFFFFF) adalah 1.43:1 — Gagal. Di atas hitam (#000000) rasio kontrasnya adalah 14.65: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 PowderBlue?

Berdasarkan teori warna, PowderBlue (hsl(187, 52%, 80%)) cocok dipadukan dengan warna komplementer, analog, dan triadiknya. Lihat swatch harmoni di atas untuk nilai hex tepat dari setiap jenis paduan.

PowderBlue — Kode Warna &amp; Palet