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

Kode Warna Dim Gray (#696969)

Dim Gray adalah #696969 dalam hex dan rgb(105, 105, 105) — abu-abu sedang. Di bawah ini: semua format warna, tint dan shade, harmoni warna, serta seberapa mudah dibaca sebagai teks.

Diperbarui

Dim Gray
#696969
Nama CSSdimgray (juga dimgrey)
Hex#696969
RGBrgb(105, 105, 105)
HSLhsl(0 0% 41%)
HWBhwb(0 41% 59%)
CMYK0%, 0%, 0%, 59%

Tint dan shade

#e1e1e1#c3c3c3#a5a5a5#878787dasar
#696969#545454#3f3f3f#2a2a2a#151515

Tentang Dim Gray

Dim Gray (dimgray) adalah abu-abu sedang yang redup, dengan kode hex #696969, atau rgb(105, 105, 105). Dalam HSL, warna ini berada di hue 0°, saturasi 0%, dan lightness 41%. CSS juga menerima penulisan dimgrey untuk warna yang persis sama. Warna ini termasuk dalam 148 warna bernama yang dipahami setiap browser, sehingga kamu bisa menulis color: dimgray; alih-alih nilai hex-nya.

Menggunakan Dim Gray untuk teks dan latar belakang

PasanganRasio kontrasWCAG
Teks Dim Gray di atas putih5.49 : 1AA
Teks Dim Gray di atas hitam3.83 : 1AA khusus teks besar

Pada latar belakang dim gray, gunakan teks putih (5.49 : 1). WCAG menyarankan rasio minimal 4.5 : 1 untuk teks isi dan 3 : 1 untuk teks besar. Periksa pasangan warna lain dengan Contrast Checker.

CSS

.element {
  color: dimgray;               /* or #696969 */
  background-color: #696969;
  border: 1px solid rgb(105 105 105 / 50%);
}

Warna bernama yang mirip

Abu-abu (#808080), Abu-abu Slate (#708090), Abu-abu Slate Terang (#778899), Hijau Zaitun Gelap (#556b2f), Biru Slate Gelap (#483d8b), Abu-abu Slate Gelap (#2f4f4f).

Pertanyaan yang sering diajukan

Apa kode hex untuk dim gray?
#696969 — yaitu rgb(105, 105, 105) dan hsl(0, 0%, 41%). Di CSS, kamu juga bisa langsung menulis dimgray.
Apakah teks dim gray mudah dibaca di atas putih?
Rasio kontrasnya di atas putih adalah 5.49 : 1, yang lolos WCAG AA untuk teks biasa.
Warna apa yang cocok dengan dim gray?
Dim Gray adalah warna netral, jadi hampir cocok dengan semua warna. Gunakan untuk latar belakang, border, dan teks di sekitar aksen yang lebih kuat.