ColorTool
Log in
#98A8A4

#98a8a4 ≈ Ash Gray

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

#98a8a4 is a color from the gray family, with high lightness and almost no saturation. In the RGB model it is made of 59.61% red, 65.88% green and 64.31% blue; printed in CMYK it uses 9.52% cyan, 0% magenta, 2.38% yellow and 34.12% black. Its hue angle is 165°, with 8.42% saturation and 62.75% 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.47:1 (WCAG AAA). The closest named color is Ash Gray (#b2beb5), ΔE 6.83.

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.3736

Complementary

  1. #98a8a4
  2. #a8989c

Split complementary

  1. #98a8a4
  2. #a898a4
  3. #a89c98

Analogous

  1. #98a89c
  2. #98a8a4
  3. #98a4a8

Triadic

  1. #98a8a4
  2. #a498a8
  3. #a8a498

Tetradic

  1. #98a8a4
  2. #989ca8
  3. #a8989c
  4. #a8a498

Square

  1. #98a8a4
  2. #9c98a8
  3. #a8989c
  4. #a4a898

Monochromatic

  1. #4c5b57
  2. #70847f
  3. #98a8a4
  4. #c1cbc9
  5. #ebeeed

Shades

#98a8a4 mixed progressively with black.

  1. #98a8a4
  2. #899794
  3. #7a8683
  4. #6a7673
  5. #5b6562
  6. #4c5452
  7. #3d4342
  8. #2e3231
  9. #1e2221
  10. #0f1110
  11. #000000

Tints

#98a8a4 mixed progressively with white.

  1. #98a8a4
  2. #a2b1ad
  3. #adb9b6
  4. #b7c2bf
  5. #c1cbc8
  6. #ccd4d2
  7. #d6dcdb
  8. #e0e5e4
  9. #eaeeed
  10. #f5f6f6
  11. #ffffff

Tones

#98a8a4 mixed progressively with gray.

  1. #98a8a4
  2. #96a4a0
  3. #93a09d
  4. #919c99
  5. #8e9896
  6. #8c9492
  7. #8a908e
  8. #878c8b
  9. #858887
  10. #828484
  11. #808080

Readable text 2.48:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Readable text 8.47:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsia #a4a4a4 ≈ 0.003% of males
Achromatomaly #a0a6a4 ≈ 0.001% of males
Protanopia #a7a6a4 ≈ 1.01% of males
Deuteranopia #a3a4a4 ≈ 1.27% of males
Tritanopia #94a9a7 ≈ 0.0001% of males
Protanomaly #a1a7a4 ≈ 1.08% of males
Deuteranomaly #9fa5a4 ≈ 4.63% of males
Tritanomaly #96a8a6 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-98a8a4 {
  color: #98a8a4;
}
Background
.bg-98a8a4 {
  background-color: #98a8a4;
  color: #000000;
}
Border
.border-98a8a4 {
  border: 2px solid #98a8a4;
}
CSS variables
:root {
  --color-primary: #98a8a4;
  --color-primary-rgb: 152 168 164;
  --color-primary-hsl: 165 8% 63%;
}
Gradient
.gradient-98a8a4 {
  background: linear-gradient(135deg, #98a8a4, #98a4a8);
}
Colored shadow
.shadow-98a8a4 {
  box-shadow: 0 8px 24px rgb(152 168 164 / 0.35);
}

#b2beb5 Ash Gray ΔE 6.83 #a8c3bc Opal ΔE 7.91 #a9a9a9 Dark Gray ΔE 8.00 #a9a9a9 Dark Grey ΔE 8.00 #aec6cf Pastel Blue ΔE 10.23 #c0c0c0 Silver ΔE 10.97 #5f9ea0 Cadet Blue ΔE 12.49 #67575b Inverted #a4a4a4 Grayscale 

Ash Gray
#98a8a4  rgb(152, 168, 164)  hsl(165, 8%, 63%)  Ash Gray
#a8989c  rgb(168, 152, 156)  hsl(345, 8%, 63%)  Rose Quartz
#a498a8  rgb(164, 152, 168)  hsl(285, 8%, 63%)  Rose Quartz
#a8a498  rgb(168, 164, 152)  hsl(45, 8%, 63%)  Dark Gray