ColorTool
Masuk
#9696A2

#9696a2 ≈ Cool Gray

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

#9696a2 adalah warna dari keluarga “abu-abu”, dengan kecerahan sedang dan saturasi hampir nol. Dalam model RGB, warna ini terdiri dari 58,82% merah, 58,82% hijau, dan 63,53% biru; saat dicetak CMYK memakai 7,41% sian, 7,41% magenta, 0% kuning, dan 36,47% hitam. Sudut ronanya 240°, dengan saturasi 6,06% dan kecerahan 61,18% 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 hitam di atas warna ini mencapai rasio kontras 7,18:1 (WCAG AAA). Warna bernama terdekat adalah Cool Gray (#8c92ac), ΔE 5,79.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #9696a2
  2. #a2a296

Komplementer terbelah

  1. #9696a2
  2. #a29c96
  3. #9ca296

Analog

  1. #969ca2
  2. #9696a2
  3. #9c96a2

Triadik

  1. #9696a2
  2. #a29696
  3. #96a296

Tetradik

  1. #9696a2
  2. #a296a2
  3. #a2a296
  4. #96a296

Persegi

  1. #9696a2
  2. #a2969c
  3. #a2a296
  4. #96a29c

Monokromatik

  1. #4b4b54
  2. #6f6f7d
  3. #9696a2
  4. #bfbfc6
  5. #e7e7ea

Bayangan

#9696a2 dicampur bertahap dengan hitam.

  1. #9696a2
  2. #878792
  3. #787882
  4. #696971
  5. #5a5a61
  6. #4b4b51
  7. #3c3c41
  8. #2d2d31
  9. #1e1e20
  10. #0f0f10
  11. #000000

Tint

#9696a2 dicampur bertahap dengan putih.

  1. #9696a2
  2. #a1a1ab
  3. #ababb5
  4. #b6b6be
  5. #c0c0c7
  6. #cbcbd1
  7. #d5d5da
  8. #e0e0e3
  9. #eaeaec
  10. #f5f5f6
  11. #ffffff

Nada

#9696a2 dicampur bertahap dengan abu-abu.

  1. #9696a2
  2. #94949f
  3. #92929b
  4. #8f8f98
  5. #8d8d94
  6. #8b8b91
  7. #89898e
  8. #87878a
  9. #848487
  10. #828283
  11. #808080

Teks mudah dibaca 2.92:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Teks mudah dibaca 7.18:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsia #979797 ≈ 0.003% pria
Akromatomali #97979b ≈ 0.001% pria
Protanopia #9397a3 ≈ 1.01% pria
Deuteranopia #9397a2 ≈ 1.27% pria
Tritanopia #94989a ≈ 0.0001% pria
Protanomali #9497a2 ≈ 1.08% pria
Deuteranomali #9496a2 ≈ 4.63% pria
Tritanomali #95979d ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-9696a2 {
  color: #9696a2;
}
Latar
.bg-9696a2 {
  background-color: #9696a2;
  color: #000000;
}
Garis tepi
.border-9696a2 {
  border: 2px solid #9696a2;
}
Variabel CSS
:root {
  --color-primary: #9696a2;
  --color-primary-rgb: 150 150 162;
  --color-primary-hsl: 240 6% 61%;
}
Gradien
.gradient-9696a2 {
  background: linear-gradient(135deg, #9696a2, #9c96a2);
}
Bayangan berwarna
.shadow-9696a2 {
  box-shadow: 0 8px 24px rgb(150 150 162 / 0.35);
}

#8c92ac Cool Gray ΔE 5.79 #8b8589 Taupe Gray ΔE 7.12 #aa98a9 Rose Quartz ΔE 8.32 #a9a9a9 Dark Gray ΔE 8.33 #a9a9a9 Dark Grey ΔE 8.33 #778899 Light Slate Gray ΔE 9.43 #778899 Light Slate Grey ΔE 9.43 #69695d Terbalik #979797 Skala abu-abu 

Cool Gray
#9696a2  rgb(150, 150, 162)  hsl(240, 6%, 61%)  Cool Gray
#a2a296  rgb(162, 162, 150)  hsl(60, 6%, 61%)  Dark Gray
#a29696  rgb(162, 150, 150)  hsl(0, 6%, 61%)  Taupe Gray
#96a296  rgb(150, 162, 150)  hsl(120, 6%, 61%)  Ash Gray