DevArbor
#333333

#333333 — Kode Warna & Palet

#333333  ·  rgb(51, 51, 51)  ·  hsl(0, 0%, 20%)

Kode Warna

Format Nilai
HEX #333333
RGB rgb(51, 51, 51)
HSL hsl(0, 0%, 20%)

Nuansa Gelap #333333

#2E2E2E#292929#242424#1F1F1F#1A1A1A#141414#0F0F0F#0A0A0A

Nuansa Terang #333333

#474747#5C5C5C#707070#858585#999999#ADADAD#C2C2C2#D6D6D6

Paduan Warna & Harmoni

Komplementer
#333333
Analog +30°
#333333
Analog −30°
#333333
Triadik +120°
#333333
Triadik −120°
#333333

Kontras & Aksesibilitas (WCAG 2.1)

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

Cuplikan CSS

.element {
  color: #333333;
}

.element-bg {
  background-color: #333333;
  color: #ffffff;
}

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

Tentang #333333

#333333 adalah warna gelap dengan saturasi sangat rendah (hampir akromatik), didefinisikan oleh kode hex #333333. Nilai model warnanya yang tepat adalah rgb(51, 51, 51) dalam RGB dan hsl(0, 0%, 20%) dalam HSL (hue 0°, saturasi 0%, kecerahan 20%). Pada latar belakang putih rasio kontrasnya adalah 12.63:1 — Lulus AAA untuk teks normal, dan pada latar hitam adalah 1.66:1 — Gagal. Gunakan #333333 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 #333333?
Nilai RGB dari #333333 (#333333) adalah rgb(51, 51, 51). Merah = rgb(51, 51, 51), mewakili jumlah cahaya merah, hijau, dan biru pada skala 0–255.
Apakah #333333 aksesibel di latar belakang putih?
Rasio kontras #333333 di atas putih (#FFFFFF) adalah 12.63:1 — Lulus AAA untuk teks normal. Di atas hitam (#000000) rasio kontrasnya adalah 1.66:1 — Gagal. WCAG 2.1 mensyaratkan 4,5:1 untuk AA (teks normal) dan 7:1 untuk AAA.
Warna apa yang cocok dipadukan dengan #333333?
Berdasarkan teori warna, #333333 (hsl(0, 0%, 20%)) cocok dipadukan dengan warna komplementer, analog, dan triadiknya. Lihat swatch harmoni di atas untuk nilai hex tepat dari setiap jenis paduan.