ColorTool
Masuk
#676E6E

#676e6e ≈ Dim Gray

  • abu-abu
  • Kecerahan: sedang
  • Saturasi: hampir nol
  • Netral
Periksa kontras Jelajahi di grafik Warna acak

#676e6e adalah warna dari keluarga “abu-abu”, dengan kecerahan sedang dan saturasi hampir nol. Dalam model RGB, warna ini terdiri dari 40,39% merah, 43,14% hijau, dan 43,14% biru; saat dicetak CMYK memakai 6,36% sian, 0% magenta, 0% kuning, dan 56,86% hitam. Sudut ronanya 180°, dengan saturasi 3,29% dan kecerahan 41,76% dalam HSL. Ini warna netral yang sering dikaitkan dengan netralitas, keseimbangan, dan profesionalisme. Desainer biasanya memakainya untuk teks isi dan tipografi, identitas korporat, dan aksen merek. Teks putih di atas warna ini mencapai rasio kontras 5,21:1 (WCAG AA). Warna bernama terdekat adalah Dim Gray (#696969), ΔE 3,99.

Deskripsi dibuat dari properti terukur warna ini.

HEX
RGB
RGB persen
CMY
CMYK
HSL
HSV / HSB
Aman web#666666
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Biner
Desimal
Luminansi relatif0.1516

Komplementer

  1. #676e6e
  2. #6e6767

Komplementer terbelah

  1. #676e6e
  2. #6e676a
  3. #6e6a67

Analog

  1. #676e6a
  2. #676e6e
  3. #676a6e

Triadik

  1. #676e6e
  2. #6e676e
  3. #6e6e67

Tetradik

  1. #676e6e
  2. #67676e
  3. #6e6767
  4. #6e6e67

Persegi

  1. #676e6e
  2. #6a676e
  3. #6e6767
  4. #6a6e67

Monokromatik

  1. #1d1f1f
  2. #424646
  3. #676e6e
  4. #8d9494
  5. #b5b9b9

Bayangan

#676e6e dicampur bertahap dengan hitam.

  1. #676e6e
  2. #5d6363
  3. #525858
  4. #484d4d
  5. #3e4242
  6. #343737
  7. #292c2c
  8. #1f2121
  9. #151616
  10. #0a0b0b
  11. #000000

Tint

#676e6e dicampur bertahap dengan putih.

  1. #676e6e
  2. #767d7d
  3. #858b8b
  4. #959a9a
  5. #a4a8a8
  6. #b3b7b7
  7. #c2c5c5
  8. #d1d4d4
  9. #e1e2e2
  10. #f0f1f1
  11. #ffffff

Nada

#676e6e dicampur bertahap dengan abu-abu.

  1. #676e6e
  2. #6a7070
  3. #6c7272
  4. #6f7373
  5. #717575
  6. #747777
  7. #767979
  8. #797b7b
  9. #7b7c7c
  10. #7e7e7e
  11. #808080

Teks mudah dibaca 5.21:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Teks mudah dibaca 4.03:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsia #6d6d6d ≈ 0.003% pria
Akromatomali #6a6d6d ≈ 0.001% pria
Protanopia #6d6d6e ≈ 1.01% pria
Deuteranopia #6b6c6e ≈ 1.27% pria
Tritanopia #656f6e ≈ 0.0001% pria
Protanomali #6b6e6e ≈ 1.08% pria
Deuteranomali #6a6d6e ≈ 4.63% pria
Tritanomali #666e6e ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-676e6e {
  color: #676e6e;
}
Latar
.bg-676e6e {
  background-color: #676e6e;
  color: #ffffff;
}
Garis tepi
.border-676e6e {
  border: 2px solid #676e6e;
}
Variabel CSS
:root {
  --color-primary: #676e6e;
  --color-primary-rgb: 103 110 110;
  --color-primary-hsl: 180 3% 42%;
}
Gradien
.gradient-676e6e {
  background: linear-gradient(135deg, #676e6e, #676a6e);
}
Bayangan berwarna
.shadow-676e6e {
  box-shadow: 0 8px 24px rgb(103 110 110 / 0.35);
}

#696969 Dim Gray ΔE 3.99 #696969 Dim Grey ΔE 3.99 #808080 Gray ΔE 8.59 #808080 Grey ΔE 8.59 #555555 Davy's Gray ΔE 9.44 #848482 Battleship Gray ΔE 9.92 #4d5d53 Feldgrau ΔE 10.24 #989191 Terbalik #6d6d6d Skala abu-abu 

Dim Gray
#676e6e  rgb(103, 110, 110)  hsl(180, 3%, 42%)  Dim Gray
#6e6767  rgb(110, 103, 103)  hsl(0, 3%, 42%)  Dim Gray
#6e676e  rgb(110, 103, 110)  hsl(300, 3%, 42%)  Dim Gray
#6e6e67  rgb(110, 110, 103)  hsl(60, 3%, 42%)  Dim Gray