#DAA36D#DAA36D

#DAA36D is a light, moderate orange. Relative luminance 0.422; OKLCH L 75.5% C 0.096 H 65.0°. Best body text is #000000 at 9.44:1 contrast (WCAG AA passes).

Color values

HEX	#DAA36D
RGB	rgb(218, 163, 109)
HSL	hsl(30, 60%, 64%)
HSV	hsv(30, 50%, 85%)
CMYK	cmyk(0%, 25.2%, 50%, 14.5%)
CIE-LAB	lab(71.01, 13.98, 35.86)
CIE-LCH	lch(71.01, 38.49, 68.69°)
OKLab	oklab(75.53% 0.0406 0.0869)
OKLCH	oklch(75.53% 0.096 65)
XYZ	xyz(44.7731, 42.2069, 20.2536)
Luminance	0.4220 (WCAG relative)
Temperature	warm
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#DAA36D #6DA4DA

analogous

#DA6D6E #DAA36D #DADA6D

triadic

#DAA36D #6DDAA3 #A36DDA

tetradic

#DAA36D #6EDA6D #6DA4DA #DA6DDA

square

#DAA36D #6EDA6D #6DA4DA #DA6DDA

split-complementary

#DAA36D #6DDADA #6D6EDA

monochromatic

#A36629 #CE843C #DAA36D #E6C29E #F3E1CF

Accessibility & contrast

On white

2.22

#DAA36D on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

9.44

#DAA36D on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DAA36D

9.44:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##DAA36D	#FFFFFF	#000000	##000000
##DAA36D	1.00	2.22	9.44	9.44
#FFFFFF	2.22	1.00	21.00	21.00
#000000	9.44	21.00	1.00	1.00
##000000	9.44	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#B5A669

Deuteranopia (green-blind)

#C2B36E

Tritanopia (blue-blind)

#EA9796

Achromatopsia (no color)

#AEAEAE

Design tokens & code

CSS

--color: #daa36d;
/* rgb */ color: rgb(218, 163, 109);
/* oklch */ color: oklch(75.5% 0.096 65.0);

Tailwind

colors: {
  custom: {
    50: '#e8be97',
    500: '#daa36d',
    950: '#000000',
  },
}

SCSS

$custom: #daa36d;
$custom-light: #e8be97;
$custom-dark: #000000;

JSON

{
  "hex": "#daa36d",
  "rgb": {
    "r": 218,
    "g": 163,
    "b": 109
  },
  "hsl": {
    "h": 29.725,
    "s": 59.563,
    "l": 64.118
  },
  "oklch": {
    "l": 0.75531,
    "c": 0.09592,
    "h": 65
  },
  "luminance": 0.42204
}

Semantic roles & 50–950 ramp

primary

#DAA36D

secondary

#BED2E4

accent

#74C71E

background

#FEFBF9

surface

#FDF6F2

border

#D5D0CC

text

#16120D

muted

#84817E

Preview Lab

Preview with #DAA36D

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

Preview Lab → · Contrast checker → · Palette generator →