#DBBE65#DBBE65

#DBBE65 is a light, moderate yellow. Relative luminance 0.528; OKLCH L 80.8% C 0.114 H 91.7°. Best body text is #000000 at 11.57:1 contrast (WCAG AA passes).

Color values

HEX	#DBBE65
RGB	rgb(219, 190, 101)
HSL	hsl(45, 62%, 63%)
HSV	hsv(45, 54%, 86%)
CMYK	cmyk(0%, 13.2%, 53.9%, 14.1%)
CIE-LAB	lab(77.77, -0.63, 48.23)
CIE-LCH	lch(77.77, 48.23, 90.75°)
OKLab	oklab(80.83% -0.0033 0.1138)
OKLCH	oklch(80.83% 0.114 91.7)
XYZ	xyz(49.9778, 52.8289, 19.8739)
Luminance	0.5283 (WCAG relative)
Temperature	warm
Family	yellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#DBBE65 #6582DB

analogous

#DB8365 #DBBE65 #BDDB65

triadic

#DBBE65 #65DBBE #BE65DB

tetradic

#DBBE65 #65DB83 #6582DB #DB65BD

square

#DBBE65 #65DB83 #6582DB #DB65BD

split-complementary

#DBBE65 #65BDDB #8365DB

monochromatic

#A08225 #CFA933 #DBBE65 #E7D397 #F2E8C8

Accessibility & contrast

On white

1.82

#DBBE65 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

11.57

#DBBE65 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DBBE65

11.57:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##DBBE65	#FFFFFF	#000000	##000000
##DBBE65	1.00	1.82	11.57	11.57
#FFFFFF	1.82	1.00	21.00	21.00
#000000	11.57	21.00	1.00	1.00
##000000	11.57	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#CFBB5D

Deuteranopia (green-blind)

#D6C468

Tritanopia (blue-blind)

#EAB2A9

Achromatopsia (no color)

#C0C0C0

Design tokens & code

CSS

--color: #dbbe65;
/* rgb */ color: rgb(219, 190, 101);
/* oklch */ color: oklch(80.8% 0.114 91.7);

Tailwind

colors: {
  custom: {
    50: '#e9d193',
    500: '#dbbe65',
    950: '#000000',
  },
}

SCSS

$custom: #dbbe65;
$custom-light: #e9d193;
$custom-dark: #000000;

JSON

{
  "hex": "#dbbe65",
  "rgb": {
    "r": 219,
    "g": 190,
    "b": 101
  },
  "hsl": {
    "h": 45.254,
    "s": 62.105,
    "l": 62.745
  },
  "oklch": {
    "l": 0.80826,
    "c": 0.11384,
    "h": 91.7
  },
  "luminance": 0.52827
}

Semantic roles & 50–950 ramp

primary

#DBBE65

secondary

#4059A4

accent

#46CA1C

background

#FFFEFC

surface

#FEFBF4

border

#D6D4CE

text

#16140D

muted

#85837F

Preview Lab

Preview with #DBBE65

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

Preview Lab → · Contrast checker → · Palette generator →