ColorTool
Masuk
#A5ABB5

#a5abb5 ≈ Dark Gray

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

#a5abb5 adalah warna dari keluarga “abu-abu”, dengan kecerahan tinggi dan saturasi hampir nol. Dalam model RGB, warna ini terdiri dari 64,71% merah, 67,06% hijau, dan 70,98% biru; saat dicetak CMYK memakai 8,84% sian, 5,52% magenta, 0% kuning, dan 29,02% hitam. Sudut ronanya 217,5°, dengan saturasi 9,76% dan kecerahan 67,84% 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 9,09:1 (WCAG AAA). Warna bernama terdekat adalah Dark Gray (#a9a9a9), ΔE 5,19.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #a5abb5
  2. #b5afa5

Komplementer terbelah

  1. #a5abb5
  2. #b5a7a5
  3. #b3b5a5

Analog

  1. #a5b3b5
  2. #a5abb5
  3. #a7a5b5

Triadik

  1. #a5abb5
  2. #b5a5ab
  3. #abb5a5

Tetradik

  1. #a5abb5
  2. #afa5b5
  3. #b5afa5
  4. #abb5a5

Persegi

  1. #a5abb5
  2. #b5a5b3
  3. #b5afa5
  4. #a5b5a7

Monokromatik

  1. #575e6a
  2. #7b8492
  3. #a5abb5
  4. #cfd2d8
  5. #f4f5f6

Bayangan

#a5abb5 dicampur bertahap dengan hitam.

  1. #a5abb5
  2. #959aa3
  3. #848991
  4. #74787f
  5. #63676d
  6. #53565b
  7. #424448
  8. #323336
  9. #212224
  10. #111112
  11. #000000

Tint

#a5abb5 dicampur bertahap dengan putih.

  1. #a5abb5
  2. #aeb3bc
  3. #b7bcc4
  4. #c0c4cb
  5. #c9cdd3
  6. #d2d5da
  7. #dbdde1
  8. #e4e6e9
  9. #edeef0
  10. #f6f7f8
  11. #ffffff

Nada

#a5abb5 dicampur bertahap dengan abu-abu.

  1. #a5abb5
  2. #a1a7b0
  3. #9ea2aa
  4. #9a9ea5
  5. #969aa0
  6. #93969b
  7. #8f9195
  8. #8b8d90
  9. #87898b
  10. #848485
  11. #808080

Teks mudah dibaca 2.31:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Teks mudah dibaca 9.09:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsia #ababab ≈ 0.003% pria
Akromatomali #a8abaf ≈ 0.001% pria
Protanopia #a8abb6 ≈ 1.01% pria
Deuteranopia #a6aab5 ≈ 1.27% pria
Tritanopia #a1adae ≈ 0.0001% pria
Protanomali #a7abb5 ≈ 1.08% pria
Deuteranomali #a6aab5 ≈ 4.63% pria
Tritanomali #a3acb1 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-a5abb5 {
  color: #a5abb5;
}
Latar
.bg-a5abb5 {
  background-color: #a5abb5;
  color: #000000;
}
Garis tepi
.border-a5abb5 {
  border: 2px solid #a5abb5;
}
Variabel CSS
:root {
  --color-primary: #a5abb5;
  --color-primary-rgb: 165 171 181;
  --color-primary-hsl: 218 10% 68%;
}
Gradien
.gradient-a5abb5 {
  background: linear-gradient(135deg, #a5abb5, #a7a5b5);
}
Bayangan berwarna
.shadow-a5abb5 {
  box-shadow: 0 8px 24px rgb(165 171 181 / 0.35);
}

#a9a9a9 Dark Gray ΔE 5.19 #a9a9a9 Dark Grey ΔE 5.19 #c0c0c0 Silver ΔE 7.81 #b0c4de Light Steel Blue ΔE 9.10 #a2add0 Wild Blue Yonder ΔE 9.11 #aec6cf Pastel Blue ΔE 9.64 #8c92ac Cool Gray ΔE 10.12 #5a544a Terbalik #ababab Skala abu-abu 

Dark Gray
#a5abb5  rgb(165, 171, 181)  hsl(218, 10%, 68%)  Dark Gray
#b5afa5  rgb(181, 175, 165)  hsl(38, 10%, 68%)  Dark Gray
#b5a5ab  rgb(181, 165, 171)  hsl(338, 10%, 68%)  Silver Pink
#abb5a5  rgb(171, 181, 165)  hsl(98, 10%, 68%)  Ash Gray