#C9CCBE#C9CCBE

#C9CCBE is a very light, near-neutral yellow-green. Relative luminance 0.593; OKLCH L 83.9% C 0.019 H 116.6°. Best body text is #000000 at 12.86:1 contrast (WCAG AA passes).

Color values

HEX#C9CCBE
RGBrgb(201, 204, 190)
HSLhsl(73, 12%, 77%)
HSVhsv(73, 7%, 80%)
CMYKcmyk(1.5%, 0%, 6.9%, 20%)
CIE-LABlab(81.47, -3.53, 6.62)
CIE-LCHlch(81.47, 7.50, 118.09°)
OKLaboklab(83.9% -0.0087 0.0173)
OKLCHoklch(83.9% 0.019 116.6)
XYZxyz(54.9732, 59.3210, 57.2592)
Luminance0.5932 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C9CCBE #C1BECC
analogous
#CCC8BE #C9CCBE #C2CCBE
triadic
#C9CCBE #BEC9CC #CCBEC9
tetradic
#C9CCBE #BECCC8 #C1BECC #CCBEC2
square
#C9CCBE #BECCC8 #C1BECC #CCBEC2
split-complementary
#C9CCBE #BEC2CC #C8BECC
monochromatic
#909679 #ADB19C #C9CCBE #E5E7E0 #F1F2EE

Accessibility & contrast

On white

1.63
#C9CCBE on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.86
#C9CCBE on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #C9CCBE
12.86:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C9CCBE#FFFFFF#000000##000000
##C9CCBE1.001.6312.8612.86
#FFFFFF1.631.0021.0021.00
#00000012.8621.001.001.00
##00000012.8621.001.001.00

Color blindness preview

Protanopia (red-blind)
#CECABD
Deuteranopia (green-blind)
#CECBBE
Tritanopia (blue-blind)
#CBCAC8
Achromatopsia (no color)
#CACACA

Design tokens & code

CSS
--color: #c9ccbe;
/* rgb */ color: rgb(201, 204, 190);
/* oklch */ color: oklch(83.9% 0.019 116.6);
Tailwind
colors: {
  custom: {
    50: '#d9dbd1',
    500: '#c9ccbe',
    950: '#000000',
  },
}
SCSS
$custom: #c9ccbe;
$custom-light: #d9dbd1;
$custom-dark: #000000;
JSON
{
  "hex": "#c9ccbe",
  "rgb": {
    "r": 201,
    "g": 204,
    "b": 190
  },
  "hsl": {
    "h": 72.857,
    "s": 12.069,
    "l": 77.255
  },
  "oklch": {
    "l": 0.83895,
    "c": 0.01938,
    "h": 116.6
  },
  "luminance": 0.59321
}

Semantic roles & 50–950 ramp

primary
#C9CCBE
secondary
#928EA0
accent
#4F965F
background
#FEFEFE
surface
#FBFBFB
border
#D4D4D4
text
#141514
muted
#838483

Preview Lab

Preview with #C9CCBE

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

Preview Lab → · Contrast checker → · Palette generator →

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