#C8CDCA#C8CDCA

#C8CDCA is a very light, near-neutral grey. Relative luminance 0.602; OKLCH L 84.4% C 0.007 H 160.1°. Best body text is #000000 at 13.04:1 contrast (WCAG AA passes).

Color values

HEX#C8CDCA
RGBrgb(200, 205, 202)
HSLhsl(144, 5%, 79%)
HSVhsv(144, 2%, 80%)
CMYKcmyk(2.4%, 0%, 1.5%, 19.6%)
CIE-LABlab(81.95, -2.26, 0.89)
CIE-LCHlch(81.95, 2.43, 158.46°)
OKLaboklab(84.36% -0.0064 0.0023)
OKLCHoklch(84.36% 0.007 160.1)
XYZxyz(56.3095, 60.2061, 64.5201)
Luminance0.6021 (WCAG relative)
Temperatureneutral
Familygrey

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C8CDCA #CDC8CB
analogous
#C9CDC8 #C8CDCA #C8CDCD
triadic
#C8CDCA #CAC8CD #CDCAC8
tetradic
#C8CDCA #C8C9CD #CDC8CB #CDCDC8
square
#C8CDCA #C8C9CD #CDC8CB #CDCDC8
split-complementary
#C8CDCA #CDC8CD #CDC8C9
monochromatic
#88938C #A8B0AB #C8CDCA #E8EAE9 #EFF0F0

Accessibility & contrast

On white

1.61
#C8CDCA on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.04
#C8CDCA on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #C8CDCA
13.04:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C8CDCA#FFFFFF#000000##000000
##C8CDCA1.001.6113.0413.04
#FFFFFF1.611.0021.0021.00
#00000013.0421.001.001.00
##00000013.0421.001.001.00

Color blindness preview

Protanopia (red-blind)
#CDCCCA
Deuteranopia (green-blind)
#CCCBCA
Tritanopia (blue-blind)
#C7CDCC
Achromatopsia (no color)
#CCCCCC

Design tokens & code

CSS
--color: #c8cdca;
/* rgb */ color: rgb(200, 205, 202);
/* oklch */ color: oklch(84.4% 0.007 160.1);
Tailwind
colors: {
  custom: {
    50: '#d8dcda',
    500: '#c8cdca',
    950: '#000000',
  },
}
SCSS
$custom: #c8cdca;
$custom-light: #d8dcda;
$custom-dark: #000000;
JSON
{
  "hex": "#c8cdca",
  "rgb": {
    "r": 200,
    "g": 205,
    "b": 202
  },
  "hsl": {
    "h": 144,
    "s": 4.762,
    "l": 79.412
  },
  "oklch": {
    "l": 0.84355,
    "c": 0.00683,
    "h": 160.1
  },
  "luminance": 0.60206
}

Semantic roles & 50–950 ramp

primary
#C8CDCA
secondary
#A0999D
accent
#57788F
background
#FEFEFE
surface
#FBFCFB
border
#D4D5D4
text
#141514
muted
#838483

Preview Lab

Preview with #C8CDCA

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

Preview Lab → · Contrast checker → · Palette generator →

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