#DCAF48#DCAF48

#DCAF48 is a light, vivid orange. Relative luminance 0.463; OKLCH L 77.6% C 0.130 H 85.0°. Best body text is #000000 at 10.27:1 contrast (WCAG AA passes).

Color values

HEX	#DCAF48
RGB	rgb(220, 175, 72)
HSL	hsl(42, 68%, 57%)
HSV	hsv(42, 67%, 86%)
CMYK	cmyk(0%, 20.5%, 67.3%, 13.7%)
CIE-LAB	lab(73.77, 5.67, 57.18)
CIE-LCH	lch(73.77, 57.46, 84.33°)
OKLab	oklab(77.6% 0.0113 0.1293)
OKLCH	oklch(77.6% 0.13 85)
XYZ	xyz(46.0175, 46.3465, 12.6516)
Luminance	0.4634 (WCAG relative)
Temperature	warm
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#DCAF48 #4875DC

analogous

#DC6548 #DCAF48 #BFDC48

triadic

#DCAF48 #48DCAF #AF48DC

tetradic

#DCAF48 #48DC65 #4875DC #DC48BF

square

#DCAF48 #48DC65 #4875DC #DC48BF

split-complementary

#DCAF48 #48BFDC #6548DC

monochromatic

#8E6B1B #C29225 #DCAF48 #E6C57B #F0DCAF

Accessibility & contrast

On white

2.05

#DCAF48 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

10.27

#DCAF48 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DCAF48

10.27:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##DCAF48	#FFFFFF	#000000	##000000
##DCAF48	1.00	2.05	10.27	10.27
#FFFFFF	2.05	1.00	21.00	21.00
#000000	10.27	21.00	1.00	1.00
##000000	10.27	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#C3AE3C

Deuteranopia (green-blind)

#CEBA4C

Tritanopia (blue-blind)

#EEA099

Achromatopsia (no color)

#B5B5B5

Design tokens & code

CSS

--color: #dcaf48;
/* rgb */ color: rgb(220, 175, 72);
/* oklch */ color: oklch(77.6% 0.130 85.0);

Tailwind

colors: {
  custom: {
    50: '#ebc680',
    500: '#dcaf48',
    950: '#000000',
  },
}

SCSS

$custom: #dcaf48;
$custom-light: #ebc680;
$custom-dark: #000000;

JSON

{
  "hex": "#dcaf48",
  "rgb": {
    "r": 220,
    "g": 175,
    "b": 72
  },
  "hsl": {
    "h": 41.757,
    "s": 67.89,
    "l": 57.255
  },
  "oklch": {
    "l": 0.776,
    "c": 0.12977,
    "h": 85
  },
  "luminance": 0.46343
}

Semantic roles & 50–950 ramp

primary

#DCAF48

secondary

#A2B4DE

accent

#72EB3D

background

#FEFCF8

surface

#FDF8EF

border

#D5D1CA

text

#17130A

muted

#85827C

Preview Lab

Preview with #DCAF48

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

Preview Lab → · Contrast checker → · Palette generator →