#DBB96E#DBB96E

#DBB96E is a light, moderate orange. Relative luminance 0.509; OKLCH L 79.9% C 0.102 H 85.7°. Best body text is #000000 at 11.18:1 contrast (WCAG AA passes).

Color values

HEX	#DBB96E
RGB	rgb(219, 185, 110)
HSL	hsl(41, 60%, 65%)
HSV	hsv(41, 50%, 86%)
CMYK	cmyk(0%, 15.5%, 49.8%, 14.1%)
CIE-LAB	lab(76.61, 2.77, 42.37)
CIE-LCH	lch(76.61, 42.46, 86.26°)
OKLab	oklab(79.94% 0.0076 0.1016)
OKLCH	oklch(79.94% 0.102 85.7)
XYZ	xyz(49.3787, 50.8862, 21.9699)
Luminance	0.5088 (WCAG relative)
Temperature	warm
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#DBB96E #6E90DB

analogous

#DB826E #DBB96E #C7DB6E

triadic

#DBB96E #6EDBB9 #B96EDB

tetradic

#DBB96E #6EDB82 #6E90DB #DB6EC7

square

#DBB96E #6EDB82 #6E90DB #DB6EC7

split-complementary

#DBB96E #6EC7DB #826EDB

monochromatic

#A67F29 #CFA13D #DBB96E #E7D19F #F3E8D0

Accessibility & contrast

On white

1.88

#DBB96E on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

11.18

#DBB96E on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DBB96E

11.18:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##DBB96E	#FFFFFF	#000000	##000000
##DBB96E	1.00	1.88	11.18	11.18
#FFFFFF	1.88	1.00	21.00	21.00
#000000	11.18	21.00	1.00	1.00
##000000	11.18	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#C9B868

Deuteranopia (green-blind)

#D2C170

Tritanopia (blue-blind)

#EAADA7

Achromatopsia (no color)

#BDBDBD

Design tokens & code

CSS

--color: #dbb96e;
/* rgb */ color: rgb(219, 185, 110);
/* oklch */ color: oklch(79.9% 0.102 85.7);

Tailwind

colors: {
  custom: {
    50: '#e8cd99',
    500: '#dbb96e',
    950: '#000000',
  },
}

SCSS

$custom: #dbb96e;
$custom-light: #e8cd99;
$custom-dark: #000000;

JSON

{
  "hex": "#dbb96e",
  "rgb": {
    "r": 219,
    "g": 185,
    "b": 110
  },
  "hsl": {
    "h": 41.284,
    "s": 60.221,
    "l": 64.51
  },
  "oklch": {
    "l": 0.79945,
    "c": 0.10189,
    "h": 85.7
  },
  "luminance": 0.50884
}

Semantic roles & 50–950 ramp

primary

#DBB96E

secondary

#4564A9

accent

#53C81E

background

#FFFEFC

surface

#FEFAF5

border

#D6D3CF

text

#16130E

muted

#85837F

Preview Lab

Preview with #DBB96E

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

Preview Lab → · Contrast checker → · Palette generator →