#CBD07D#CBD07D

#CBD07D is a very light, moderate yellow. Relative luminance 0.593; OKLCH L 83.5% C 0.106 H 111.5°. Best body text is #000000 at 12.86:1 contrast (WCAG AA passes).

Color values

HEX#CBD07D
RGBrgb(203, 208, 125)
HSLhsl(64, 47%, 65%)
HSVhsv(64, 40%, 82%)
CMYKcmyk(2.4%, 0%, 39.9%, 18.4%)
CIE-LABlab(81.45, -14.05, 40.59)
CIE-LCHlch(81.45, 42.95, 109.09°)
OKLaboklab(83.52% -0.0388 0.0987)
OKLCHoklch(83.52% 0.106 111.5)
XYZxyz(50.8867, 59.2898, 28.1615)
Luminance0.5929 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CBD07D #827DD0
analogous
#D0AB7D #CBD07D #A2D07D
triadic
#CBD07D #7DCBD0 #D07DCB
tetradic
#CBD07D #7DD0AB #827DD0 #D07DA2
square
#CBD07D #7DD0AB #827DD0 #D07DA2
split-complementary
#CBD07D #7DA2D0 #AB7DD0
monochromatic
#959B38 #B9C050 #CBD07D #DDE0AA #EFF1D7

Accessibility & contrast

On white

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

On black

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

Best text color

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

Contrast matrix

fg \ bg##CBD07D#FFFFFF#000000##000000
##CBD07D1.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)
#DCC977
Deuteranopia (green-blind)
#DCCC81
Tritanopia (blue-blind)
#D5C7BC
Achromatopsia (no color)
#CACACA

Design tokens & code

CSS
--color: #cbd07d;
/* rgb */ color: rgb(203, 208, 125);
/* oklch */ color: oklch(83.5% 0.106 111.5);
Tailwind
colors: {
  custom: {
    50: '#dcdea4',
    500: '#cbd07d',
    950: '#000000',
  },
}
SCSS
$custom: #cbd07d;
$custom-light: #dcdea4;
$custom-dark: #000000;
JSON
{
  "hex": "#cbd07d",
  "rgb": {
    "r": 203,
    "g": 208,
    "b": 125
  },
  "hsl": {
    "h": 63.614,
    "s": 46.893,
    "l": 65.294
  },
  "oklch": {
    "l": 0.83517,
    "c": 0.10608,
    "h": 111.5
  },
  "luminance": 0.59289
}

Semantic roles & 50–950 ramp

primary
#CBD07D
secondary
#5651A0
accent
#2BBA34
background
#FEFEFC
surface
#FCFCF6
border
#D5D5D0
text
#15150F
muted
#848480

Preview Lab

Preview with #CBD07D

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

Preview Lab → · Contrast checker → · Palette generator →

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