#DAA47E#DAA47E

#DAA47E is a light, moderate orange. Relative luminance 0.430; OKLCH L 76.0% C 0.082 H 56.3°. Best body text is #000000 at 9.59:1 contrast (WCAG AA passes).

Color values

HEX#DAA47E
RGBrgb(218, 164, 126)
HSLhsl(25, 55%, 67%)
HSVhsv(25, 42%, 85%)
CMYKcmyk(0%, 24.8%, 42.2%, 14.5%)
CIE-LABlab(71.53, 15.15, 27.46)
CIE-LCHlch(71.53, 31.37, 61.12°)
OKLaboklab(76.02% 0.0457 0.0683)
OKLCHoklch(76.02% 0.082 56.3)
XYZxyz(45.9566, 42.9655, 25.6072)
Luminance0.4296 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#DAA47E #7EB4DA
analogous
#DA7E86 #DAA47E #DAD27E
triadic
#DAA47E #7EDAA4 #A47EDA
tetradic
#DAA47E #86DA7E #7EB4DA #D27EDA
square
#DAA47E #86DA7E #7EB4DA #D27EDA
split-complementary
#DAA47E #7EDAD2 #7E86DA
monochromatic
#AC6431 #CC824E #DAA47E #E8C6AE #F5E7DD

Accessibility & contrast

On white

2.19
#DAA47E on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.59
#DAA47E on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DAA47E
9.59:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##DAA47E#FFFFFF#000000##000000
##DAA47E1.002.199.599.59
#FFFFFF2.191.0021.0021.00
#0000009.5921.001.001.00
##0000009.5921.001.001.00

Color blindness preview

Protanopia (red-blind)
#B4A87B
Deuteranopia (green-blind)
#C0B47E
Tritanopia (blue-blind)
#E99A9A
Achromatopsia (no color)
#AFAFAF

Design tokens & code

CSS
--color: #daa47e;
/* rgb */ color: rgb(218, 164, 126);
/* oklch */ color: oklch(76.0% 0.082 56.3);
Tailwind
colors: {
  custom: {
    50: '#e7bfa3',
    500: '#daa47e',
    950: '#000000',
  },
}
SCSS
$custom: #daa47e;
$custom-light: #e7bfa3;
$custom-dark: #000000;
JSON
{
  "hex": "#daa47e",
  "rgb": {
    "r": 218,
    "g": 164,
    "b": 126
  },
  "hsl": {
    "h": 24.783,
    "s": 55.422,
    "l": 67.451
  },
  "oklch": {
    "l": 0.76025,
    "c": 0.08219,
    "h": 56.3
  },
  "luminance": 0.42963
}

Semantic roles & 50–950 ramp

primary
#DAA47E
secondary
#CCDCE8
accent
#81C323
background
#FEFBFA
surface
#FDF7F4
border
#D5D0CE
text
#16120F
muted
#84817F

Preview Lab

Preview with #DAA47E

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

Preview Lab → · Contrast checker → · Palette generator →

#DAA47E Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva