devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Kode Warna Abu-abu Muda (#d3d3d3)

Abu-abu Muda adalah #d3d3d3 dalam hex dan rgb(211, 211, 211) — abu-abu yang sangat terang. Di bawah ini: setiap format warna, tint dan shade, harmoni, serta seberapa mudah warna ini dibaca sebagai teks.

Diperbarui

Abu-abu Muda
#d3d3d3
Nama CSSlightgray (also lightgrey)
Hex#d3d3d3
RGBrgb(211, 211, 211)
HSLhsl(0 0% 83%)
HWBhwb(0 83% 17%)
CMYK0%, 0%, 0%, 17%

Tint dan shade

#f6f6f6#ededed#e5e5e5#dcdcdcdasar
#d3d3d3#a9a9a9#7f7f7f#545454#2a2a2a

Tentang Abu-abu Muda

Abu-abu Muda (lightgray) adalah abu-abu yang sangat terang dan kalem, dengan kode hex #d3d3d3, atau rgb(211, 211, 211). Dalam HSL, warna ini berada di hue 0°, saturasi 0%, dan lightness 83%. CSS juga menerima ejaan lightgrey untuk warna yang persis sama. Warna ini termasuk dari 148 warna bernama yang dipahami setiap browser, jadi kamu bisa menulis color: lightgray; alih-alih nilai hex.

Menggunakan Abu-abu Muda untuk teks dan latar belakang

PasanganRasio kontrasWCAG
Teks Abu-abu Muda di atas putih1.50 : 1gagal
Teks Abu-abu Muda di atas hitam14.03 : 1AAA

Pada latar belakang abu-abu muda, gunakan teks hitam (14.03 : 1). WCAG meminta minimal 4.5 : 1 untuk teks isi dan 3 : 1 untuk teks besar. Periksa pasangan warna lain dengan Contrast Checker.

CSS

.element {
  color: lightgray;               /* or #d3d3d3 */
  background-color: #d3d3d3;
  border: 1px solid rgb(211 211 211 / 50%);
}

Warna bernama yang serupa

Gainsboro (#dcdcdc), Thistle (#d8bfd8), Perak (#c0c0c0), Biru Baja Muda (#b0c4de), Biru Bedak (#b0e0e6), Biru Muda (#add8e6).

Pertanyaan yang sering diajukan

Apa kode hex untuk abu-abu muda?
#d3d3d3 — yaitu rgb(211, 211, 211) dan hsl(0, 0%, 83%). Di CSS kamu juga bisa langsung menulis lightgray.
Apakah teks abu-abu muda mudah dibaca di atas putih?
Rasio kontrasnya di atas putih adalah 1.50 : 1, yang gagal WCAG — gunakan untuk dekorasi atau di atas latar belakang gelap.
Warna apa yang cocok dengan abu-abu muda?
Abu-abu Muda adalah warna netral, jadi cocok dipadukan dengan hampir semua warna; gunakan untuk latar belakang, border, dan teks di sekitar aksen yang lebih kuat.