ColorTool
Log in
#ABA59B

#aba59b ≈ Dark Gray

  • gray
  • Lightness: high
  • Saturation: almost no
  • Neutral
Check contrast Explore in graph Random color

#aba59b is a color from the gray family, with high lightness and almost no saturation. In the RGB model it is made of 67.06% red, 64.71% green and 60.78% blue; printed in CMYK it uses 0% cyan, 3.51% magenta, 9.36% yellow and 32.94% black. Its hue angle is 37.5°, with 8.7% saturation and 63.92% lightness in HSL. It is a neutral color, often associated with neutrality, balance and professionalism. Designers typically use it for body text and typography, corporate identities and brand accents. Black text on this color reaches a contrast ratio of 8.59:1 (WCAG AAA). The closest named color is Dark Gray (#a9a9a9), ΔE 5.36.

Description generated from the measured properties of this color.

HEX
RGB
RGB percent
CMY
CMYK
HSL
HSV / HSB
Web safe#999999
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binary
Decimal
Relative luminance0.3793

Complementary

  1. #aba59b
  2. #9ba1ab

Split complementary

  1. #aba59b
  2. #9ba9ab
  3. #9d9bab

Analogous

  1. #ab9d9b
  2. #aba59b
  3. #a9ab9b

Triadic

  1. #aba59b
  2. #9baba5
  3. #a59bab

Tetradic

  1. #aba59b
  2. #a1ab9b
  3. #9ba1ab
  4. #a59bab

Square

  1. #aba59b
  2. #9bab9d
  3. #9ba1ab
  4. #ab9ba9

Monochromatic

  1. #5e584f
  2. #887f72
  3. #aba59b
  4. #cecac5
  5. #f1f0ee

Shades

#aba59b mixed progressively with black.

  1. #aba59b
  2. #9a958c
  3. #89847c
  4. #78746d
  5. #67635d
  6. #56534e
  7. #44423e
  8. #33322f
  9. #22211f
  10. #111110
  11. #000000

Tints

#aba59b mixed progressively with white.

  1. #aba59b
  2. #b3aea5
  3. #bcb7af
  4. #c4c0b9
  5. #cdc9c3
  6. #d5d2cd
  7. #dddbd7
  8. #e6e4e1
  9. #eeedeb
  10. #f7f6f5
  11. #ffffff

Tones

#aba59b mixed progressively with gray.

  1. #aba59b
  2. #a7a198
  3. #a29e96
  4. #9e9a93
  5. #9a9690
  6. #96938e
  7. #918f8b
  8. #8d8b88
  9. #898785
  10. #848483
  11. #808080

Readable text 2.45:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Readable text 8.59:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsia #a6a6a6 ≈ 0.003% of males
Achromatomaly #a8a5a1 ≈ 0.001% of males
Protanopia #a8a59a ≈ 1.01% of males
Deuteranopia #a9a69b ≈ 1.27% of males
Tritanopia #aea3a2 ≈ 0.0001% of males
Protanomaly #a9a59b ≈ 1.08% of males
Deuteranomaly #aaa69b ≈ 4.63% of males
Tritanomaly #ada49f ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-aba59b {
  color: #aba59b;
}
Background
.bg-aba59b {
  background-color: #aba59b;
  color: #000000;
}
Border
.border-aba59b {
  border: 2px solid #aba59b;
}
CSS variables
:root {
  --color-primary: #aba59b;
  --color-primary-rgb: 171 165 155;
  --color-primary-hsl: 38 9% 64%;
}
Gradient
.gradient-aba59b {
  background: linear-gradient(135deg, #aba59b, #a9ab9b);
}
Colored shadow
.shadow-aba59b {
  box-shadow: 0 8px 24px rgb(171 165 155 / 0.35);
}

#a9a9a9 Dark Gray ΔE 5.36 #a9a9a9 Dark Grey ΔE 5.36 #c0c0c0 Silver ΔE 8.99 #b2beb5 Ash Gray ΔE 10.33 #c4aead Silver Pink ΔE 10.49 #848482 Battleship Gray ΔE 11.92 #8b8589 Taupe Gray ΔE 12.76 #545a64 Inverted #a6a6a6 Grayscale 

Dark Gray
#aba59b  rgb(171, 165, 155)  hsl(38, 9%, 64%)  Dark Gray
#9ba1ab  rgb(155, 161, 171)  hsl(218, 9%, 64%)  Dark Gray
#9baba5  rgb(155, 171, 165)  hsl(158, 9%, 64%)  Ash Gray
#a59bab  rgb(165, 155, 171)  hsl(278, 9%, 64%)  Rose Quartz