DevArbor
#808080

Gray — Kode Warna & Palet

#808080  ·  rgb(128, 128, 128)  ·  hsl(0, 0%, 50%)

Kode Warna

Format Nilai
HEX #808080
RGB rgb(128, 128, 128)
HSL hsl(0, 0%, 50%)

Nuansa Gelap Gray

#737373#666666#595959#4D4D4D#404040#333333#262626#1A1A1A

Nuansa Terang Gray

#8C8C8C#999999#A6A6A6#B3B3B3#BFBFBF#CCCCCC#D9D9D9#E6E6E6

Paduan Warna & Harmoni

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

Kontras & Aksesibilitas (WCAG 2.1)

vs. Putih (#FFFFFF)
3.95:1 — Lulus AA untuk teks besar saja
vs. Hitam (#000000)
5.32:1 — Lulus AA untuk teks normal

Cuplikan CSS

.element {
  color: #808080;
}

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

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

Tentang Gray

Gray adalah warna sedang dengan saturasi sangat rendah (hampir akromatik), didefinisikan oleh kode hex #808080. Nilai model warnanya yang tepat adalah rgb(128, 128, 128) dalam RGB dan hsl(0, 0%, 50%) dalam HSL (hue 0°, saturasi 0%, kecerahan 50%). Pada latar belakang putih rasio kontrasnya adalah 3.95:1 — Lulus AA untuk teks besar saja, dan pada latar hitam adalah 5.32:1 — Lulus AA untuk teks normal. Gunakan Gray 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 Gray?
Nilai RGB dari Gray (#808080) adalah rgb(128, 128, 128). Merah = rgb(128, 128, 128), mewakili jumlah cahaya merah, hijau, dan biru pada skala 0–255.
Apakah Gray aksesibel di latar belakang putih?
Rasio kontras Gray di atas putih (#FFFFFF) adalah 3.95:1 — Lulus AA untuk teks besar saja. Di atas hitam (#000000) rasio kontrasnya adalah 5.32:1 — Lulus AA 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 Gray?
Berdasarkan teori warna, Gray (hsl(0, 0%, 50%)) cocok dipadukan dengan warna komplementer, analog, dan triadiknya. Lihat swatch harmoni di atas untuk nilai hex tepat dari setiap jenis paduan.