#A0A0AE#A0A0AE

#A0A0AE is a light, muted grey. Relative luminance 0.357; OKLCH L 71.0% C 0.020 H 285.9°. Best body text is #000000 at 8.13:1 contrast (WCAG AA passes).

Color values

HEX#A0A0AE
RGBrgb(160, 160, 174)
HSLhsl(240, 8%, 65%)
HSVhsv(240, 8%, 68%)
CMYKcmyk(8%, 8%, 0%, 31.8%)
CIE-LABlab(66.27, 2.78, -7.24)
CIE-LCHlch(66.27, 7.75, 290.98°)
OKLaboklab(71.02% 0.0055 -0.0194)
OKLCHoklch(71.02% 0.02 285.9)
XYZxyz(34.7065, 35.6710, 45.0929)
Luminance0.3567 (WCAG relative)
Temperatureneutral
Familygrey

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A0A0AE #AEAEA0
analogous
#A0A7AE #A0A0AE #A7A0AE
triadic
#A0A0AE #AEA0A0 #A0AEA0
tetradic
#A0A0AE #AEA0A7 #AEAEA0 #A0AEA7
square
#A0A0AE #AEA0A7 #AEAEA0 #A0AEA7
split-complementary
#A0A0AE #AEA7A0 #A7AEA0
monochromatic
#616172 #7F7F92 #A0A0AE #C1C1CA #E2E2E6

Accessibility & contrast

On white

2.58
#A0A0AE on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.13
#A0A0AE on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #A0A0AE
8.13:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A0A0AE#FFFFFF#000000##000000
##A0A0AE1.002.588.138.13
#FFFFFF2.581.0021.0021.00
#0000008.1321.001.001.00
##0000008.1321.001.001.00

Color blindness preview

Protanopia (red-blind)
#9DA1AF
Deuteranopia (green-blind)
#9DA1AE
Tritanopia (blue-blind)
#9DA2A4
Achromatopsia (no color)
#A1A1A1

Design tokens & code

CSS
--color: #a0a0ae;
/* rgb */ color: rgb(160, 160, 174);
/* oklch */ color: oklch(71.0% 0.020 285.9);
Tailwind
colors: {
  custom: {
    50: '#bcbcc6',
    500: '#a0a0ae',
    950: '#000000',
  },
}
SCSS
$custom: #a0a0ae;
$custom-light: #bcbcc6;
$custom-dark: #000000;
JSON
{
  "hex": "#a0a0ae",
  "rgb": {
    "r": 160,
    "g": 160,
    "b": 174
  },
  "hsl": {
    "h": 240,
    "s": 7.955,
    "l": 65.49
  },
  "oklch": {
    "l": 0.71022,
    "c": 0.02018,
    "h": 285.9
  },
  "luminance": 0.35671
}

Semantic roles & 50–950 ramp

primary
#A0A0AE
secondary
#D7D7D3
accent
#925492
background
#FBFBFC
surface
#F6F6F8
border
#D0D0D1
text
#121213
muted
#818182

Preview Lab

Preview with #A0A0AE

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#A0A0AE Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva