Kode Warna Gainsboro (#dcdcdc)

Gainsboro adalah #dcdcdc dalam hex dan rgb(220, 220, 220) — abu-abu yang sangat terang. Di bawah ini ada semua format warna, tint dan shade, harmoni warna, serta tingkat keterbacaannya sebagai teks.

Diperbarui

Gainsboro
#dcdcdc
Nama CSSgainsboro
Hex#dcdcdc
RGBrgb(220, 220, 220)
HSLhsl(0 0% 86%)
HWBhwb(0 86% 14%)
CMYK0%, 0%, 0%, 14%

Tint dan shade

Tentang Gainsboro

Gainsboro (gainsboro) adalah abu-abu yang sangat terang dan lembut, dengan kode hex #dcdcdc, atau rgb(220, 220, 220). Dalam HSL, warna ini berada di hue 0°, saturasi 0%, dan lightness 86%. Warna ini termasuk dari 148 warna bernama yang dipahami setiap browser, jadi kamu bisa menulis color: gainsboro; sebagai ganti nilai hex.

Menggunakan Gainsboro untuk teks dan latar belakang

PasanganRasio kontrasWCAG
Teks Gainsboro di atas putih1.37 : 1gagal
Teks Gainsboro di atas hitam15.31 : 1AAA

Di atas latar belakang gainsboro, gunakan teks hitam (15.31 : 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: gainsboro;               /* or #dcdcdc */
  background-color: #dcdcdc;
  border: 1px solid rgb(220 220 220 / 50%);
}

Nama warna serupa

Light Gray (#d3d3d3), Thistle (#d8bfd8), Lavender (#e6e6fa), Antique White (#faebd7), Beige (#f5f5dc), Misty Rose (#ffe4e1).

Pertanyaan yang sering diajukan

Apa kode hex untuk gainsboro?
#dcdcdc — yaitu rgb(220, 220, 220) dan hsl(0, 0%, 86%). Di CSS, kamu juga bisa langsung menulis gainsboro.
Apakah teks gainsboro mudah dibaca di atas putih?
Rasio kontrasnya di atas putih adalah 1.37 : 1, yang gagal memenuhi WCAG. Gunakan warna ini untuk dekorasi atau di atas latar belakang gelap.
Warna apa saja yang cocok dengan gainsboro?
Gainsboro adalah warna netral, jadi hampir cocok dengan semua warna. Gunakan untuk latar belakang, border, dan teks di sekitar aksen warna yang lebih kuat.