#8D9FAC#8D9FAC

#8D9FAC is a light, muted cyan. Relative luminance 0.334; OKLCH L 69.3% C 0.028 H 239.3°. Best body text is #000000 at 7.69:1 contrast (WCAG AA passes).

Color values

HEX#8D9FAC
RGBrgb(141, 159, 172)
HSLhsl(205, 16%, 61%)
HSVhsv(205, 18%, 67%)
CMYKcmyk(18%, 7.6%, 0%, 32.5%)
CIE-LABlab(64.51, -3.51, -8.88)
CIE-LCHlch(64.51, 9.55, 248.46°)
OKLaboklab(69.27% -0.0143 -0.024)
OKLCHoklch(69.27% 0.028 239.3)
XYZxyz(30.8271, 33.4368, 43.8515)
Luminance0.3344 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#8D9FAC #AC9A8D
analogous
#8DACAA #8D9FAC #8D90AC
triadic
#8D9FAC #AC8D9F #9FAC8D
tetradic
#8D9FAC #AA8DAC #AC9A8D #90AC8D
square
#8D9FAC #AA8DAC #AC9A8D #90AC8D
split-complementary
#8D9FAC #AC8D90 #ACAA8D
monochromatic
#50626E #6A8192 #8D9FAC #B0BDC6 #D4DBE0

Accessibility & contrast

On white

2.73
#8D9FAC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.69
#8D9FAC on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #8D9FAC
7.69:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##8D9FAC#FFFFFF#000000##000000
##8D9FAC1.002.737.697.69
#FFFFFF2.731.0021.0021.00
#0000007.6921.001.001.00
##0000007.6921.001.001.00

Color blindness preview

Protanopia (red-blind)
#9A9EAD
Deuteranopia (green-blind)
#959BAC
Tritanopia (blue-blind)
#85A2A3
Achromatopsia (no color)
#9C9C9C

Design tokens & code

CSS
--color: #8d9fac;
/* rgb */ color: rgb(141, 159, 172);
/* oklch */ color: oklch(69.3% 0.028 239.3);
Tailwind
colors: {
  custom: {
    50: '#aebbc4',
    500: '#8d9fac',
    950: '#000000',
  },
}
SCSS
$custom: #8d9fac;
$custom-light: #aebbc4;
$custom-dark: #000000;
JSON
{
  "hex": "#8d9fac",
  "rgb": {
    "r": 141,
    "g": 159,
    "b": 172
  },
  "hsl": {
    "h": 205.161,
    "s": 15.736,
    "l": 61.373
  },
  "oklch": {
    "l": 0.69268,
    "c": 0.02797,
    "h": 239.3
  },
  "luminance": 0.33438
}

Semantic roles & 50–950 ramp

primary
#8D9FAC
secondary
#D0C9C5
accent
#6C4C9A
background
#FAFBFC
surface
#F4F6F8
border
#CED0D1
text
#101112
muted
#7F8081

Preview Lab

Preview with #8D9FAC

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

Preview Lab → · Contrast checker → · Palette generator →

#8D9FAC Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva