#DAB686#DAB686

#DAB686 is a light, moderate orange. Relative luminance 0.501; OKLCH L 79.7% C 0.076 H 74.4°. Best body text is #000000 at 11.02:1 contrast (WCAG AA passes).

Color values

HEX	#DAB686
RGB	rgb(218, 182, 134)
HSL	hsl(34, 53%, 69%)
HSV	hsv(34, 39%, 85%)
CMYK	cmyk(0%, 16.5%, 38.5%, 14.5%)
CIE-LAB	lab(76.12, 6.41, 29.29)
CIE-LCH	lch(76.12, 29.98, 77.66°)
OKLab	oklab(79.66% 0.0204 0.0729)
OKLCH	oklch(79.66% 0.076 74.4)
XYZ	xyz(49.9458, 50.0848, 29.5861)
Luminance	0.5008 (WCAG relative)
Temperature	warm
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#DAB686 #86AADA

analogous

#DA8C86 #DAB686 #D4DA86

triadic

#DAB686 #86DAB6 #B686DA

tetradic

#DAB686 #86DA8C #86AADA #DA86D4

square

#DAB686 #86DA8C #86AADA #DA86D4

split-complementary

#DAB686 #86D4DA #8C86DA

monochromatic

#B07C36 #CC9A57 #DAB686 #E8D2B5 #F7EFE4

Accessibility & contrast

On white

1.91

#DAB686 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

11.02

#DAB686 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DAB686

11.02:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##DAB686	#FFFFFF	#000000	##000000
##DAB686	1.00	1.91	11.02	11.02
#FFFFFF	1.91	1.00	21.00	21.00
#000000	11.02	21.00	1.00	1.00
##000000	11.02	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#C4B783

Deuteranopia (green-blind)

#CCBF87

Tritanopia (blue-blind)

#E7ADA9

Achromatopsia (no color)

#BCBCBC

Design tokens & code

CSS

--color: #dab686;
/* rgb */ color: rgb(218, 182, 134);
/* oklch */ color: oklch(79.7% 0.076 74.4);

Tailwind

colors: {
  custom: {
    50: '#e7cba9',
    500: '#dab686',
    950: '#000000',
  },
}

SCSS

$custom: #dab686;
$custom-light: #e7cba9;
$custom-dark: #000000;

JSON

{
  "hex": "#dab686",
  "rgb": {
    "r": 218,
    "g": 182,
    "b": 134
  },
  "hsl": {
    "h": 34.286,
    "s": 53.165,
    "l": 69.02
  },
  "oklch": {
    "l": 0.79657,
    "c": 0.07571,
    "h": 74.4
  },
  "luminance": 0.50083
}

Semantic roles & 50–950 ramp

primary

#DAB686

secondary

#547BB1

accent

#68C125

background

#FEFDFC

surface

#FDF9F6

border

#D5D2D0

text

#161310

muted

#848280

Preview Lab

Preview with #DAB686

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

Preview Lab → · Contrast checker → · Palette generator →