#DBCB99#DBCB99

#DBCB99 is a very light, moderate yellow. Relative luminance 0.601; OKLCH L 84.3% C 0.068 H 92.4°. Best body text is #000000 at 13.01:1 contrast (WCAG AA passes).

Color values

HEX	#DBCB99
RGB	rgb(219, 203, 153)
HSL	hsl(45, 48%, 73%)
HSV	hsv(45, 30%, 86%)
CMYK	cmyk(0%, 7.3%, 30.1%, 14.1%)
CIE-LAB	lab(81.88, -1.93, 27.01)
CIE-LCH	lch(81.88, 27.08, 94.08°)
OKLab	oklab(84.32% -0.0029 0.068)
OKLCH	oklch(84.32% 0.068 92.4)
XYZ	xyz(56.3197, 60.0734, 38.7594)
Luminance	0.6007 (WCAG relative)
Temperature	warm
Family	yellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#DBCB99 #99A9DB

analogous

#DBAA99 #DBCB99 #CADB99

triadic

#DBCB99 #99DBCB #CB99DB

tetradic

#DBCB99 #99DBAA #99A9DB #DB99CA

square

#DBCB99 #99DBAA #99A9DB #DB99CA

split-complementary

#DBCB99 #99CADB #AA99DB

monochromatic

#B89C41 #CBB46C #DBCB99 #EBE2C6 #F7F3E8

Accessibility & contrast

On white

1.61

#DBCB99 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

13.01

#DBCB99 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DBCB99

13.01:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##DBCB99	#FFFFFF	#000000	##000000
##DBCB99	1.00	1.61	13.01	13.01
#FFFFFF	1.61	1.00	21.00	21.00
#000000	13.01	21.00	1.00	1.00
##000000	13.01	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#D6C996

Deuteranopia (green-blind)

#DACE9B

Tritanopia (blue-blind)

#E5C3BE

Achromatopsia (no color)

#CCCCCC

Design tokens & code

CSS

--color: #dbcb99;
/* rgb */ color: rgb(219, 203, 153);
/* oklch */ color: oklch(84.3% 0.068 92.4);

Tailwind

colors: {
  custom: {
    50: '#e7dab7',
    500: '#dbcb99',
    950: '#000000',
  },
}

SCSS

$custom: #dbcb99;
$custom-light: #e7dab7;
$custom-dark: #000000;

JSON

{
  "hex": "#dbcb99",
  "rgb": {
    "r": 219,
    "g": 203,
    "b": 153
  },
  "hsl": {
    "h": 45.455,
    "s": 47.826,
    "l": 72.941
  },
  "oklch": {
    "l": 0.84315,
    "c": 0.06802,
    "h": 92.4
  },
  "luminance": 0.60072
}

Semantic roles & 50–950 ramp

primary

#DBCB99

secondary

#6678B3

accent

#4DBB2A

background

#FEFEFD

surface

#FCFBF8

border

#D5D4D1

text

#161411

muted

#848381

Preview Lab

Preview with #DBCB99

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

Preview Lab → · Contrast checker → · Palette generator →