#CBD5BB#CBD5BB

#CBD5BB is a very light, muted yellow-green. Relative luminance 0.639; OKLCH L 85.8% C 0.037 H 124.3°. Best body text is #000000 at 13.77:1 contrast (WCAG AA passes).

Color values

HEX#CBD5BB
RGBrgb(203, 213, 187)
HSLhsl(83, 24%, 78%)
HSVhsv(83, 12%, 84%)
CMYKcmyk(4.7%, 0%, 12.2%, 16.5%)
CIE-LABlab(83.90, -7.99, 11.71)
CIE-LCHlch(83.90, 14.17, 124.32°)
OKLaboklab(85.83% -0.0207 0.0304)
OKLCHoklch(85.83% 0.037 124.3)
XYZxyz(57.3912, 63.8728, 56.3093)
Luminance0.6387 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CBD5BB #C5BBD5
analogous
#D5D2BB #CBD5BB #BED5BB
triadic
#CBD5BB #BBCBD5 #D5BBCB
tetradic
#CBD5BB #BBD5D2 #C5BBD5 #D5BBBE
square
#CBD5BB #BBD5D2 #C5BBD5 #D5BBBE
split-complementary
#CBD5BB #BBBED5 #D2BBD5
monochromatic
#91A66F #AEBE95 #CBD5BB #E8ECE1 #F1F3EC

Accessibility & contrast

On white

1.52
#CBD5BB on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.77
#CBD5BB on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CBD5BB
13.77:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CBD5BB#FFFFFF#000000##000000
##CBD5BB1.001.5213.7713.77
#FFFFFF1.521.0021.0021.00
#00000013.7721.001.001.00
##00000013.7721.001.001.00

Color blindness preview

Protanopia (red-blind)
#D8D1BA
Deuteranopia (green-blind)
#D7D1BC
Tritanopia (blue-blind)
#CDD2CE
Achromatopsia (no color)
#D1D1D1

Design tokens & code

CSS
--color: #cbd5bb;
/* rgb */ color: rgb(203, 213, 187);
/* oklch */ color: oklch(85.8% 0.037 124.3);
Tailwind
colors: {
  custom: {
    50: '#dae1cf',
    500: '#cbd5bb',
    950: '#000000',
  },
}
SCSS
$custom: #cbd5bb;
$custom-light: #dae1cf;
$custom-dark: #000000;
JSON
{
  "hex": "#cbd5bb",
  "rgb": {
    "r": 203,
    "g": 213,
    "b": 187
  },
  "hsl": {
    "h": 83.077,
    "s": 23.636,
    "l": 78.431
  },
  "oklch": {
    "l": 0.8583,
    "c": 0.03678,
    "h": 124.3
  },
  "luminance": 0.63873
}

Semantic roles & 50–950 ramp

primary
#CBD5BB
secondary
#9689AB
accent
#43A268
background
#FEFEFE
surface
#FBFCFB
border
#D4D5D4
text
#151513
muted
#848483

Preview Lab

Preview with #CBD5BB

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

Preview Lab → · Contrast checker → · Palette generator →

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