#DCBF73#DCBF73

#DCBF73 is a light, moderate orange. Relative luminance 0.537; OKLCH L 81.3% C 0.101 H 89.2°. Best body text is #000000 at 11.74:1 contrast (WCAG AA passes).

Color values

HEX#DCBF73
RGBrgb(220, 191, 115)
HSLhsl(43, 60%, 66%)
HSVhsv(43, 48%, 86%)
CMYKcmyk(0%, 13.2%, 47.7%, 13.7%)
CIE-LABlab(78.30, 0.49, 41.96)
CIE-LCHlch(78.30, 41.96, 89.33°)
OKLaboklab(81.32% 0.0014 0.101)
OKLCHoklch(81.32% 0.101 89.2)
XYZxyz(51.2422, 53.7174, 23.8857)
Luminance0.5372 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#DCBF73 #7390DC
analogous
#DC8A73 #DCBF73 #C4DC73
triadic
#DCBF73 #73DCBF #BF73DC
tetradic
#DCBF73 #73DC8A #7390DC #DC73C4
square
#DCBF73 #73DC8A #7390DC #DC73C4
split-complementary
#DCBF73 #73C4DC #8A73DC
monochromatic
#AA872B #D0A942 #DCBF73 #E8D5A4 #F4ECD5

Accessibility & contrast

On white

1.79
#DCBF73 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.74
#DCBF73 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DCBF73
11.74:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##DCBF73#FFFFFF#000000##000000
##DCBF731.001.7911.7411.74
#FFFFFF1.791.0021.0021.00
#00000011.7421.001.001.00
##00000011.7421.001.001.00

Color blindness preview

Protanopia (red-blind)
#CFBD6D
Deuteranopia (green-blind)
#D6C576
Tritanopia (blue-blind)
#EBB4AD
Achromatopsia (no color)
#C2C2C2

Design tokens & code

CSS
--color: #dcbf73;
/* rgb */ color: rgb(220, 191, 115);
/* oklch */ color: oklch(81.3% 0.101 89.2);
Tailwind
colors: {
  custom: {
    50: '#e9d29c',
    500: '#dcbf73',
    950: '#000000',
  },
}
SCSS
$custom: #dcbf73;
$custom-light: #e9d29c;
$custom-dark: #000000;
JSON
{
  "hex": "#dcbf73",
  "rgb": {
    "r": 220,
    "g": 191,
    "b": 115
  },
  "hsl": {
    "h": 43.429,
    "s": 60,
    "l": 65.686
  },
  "oklch": {
    "l": 0.81316,
    "c": 0.10105,
    "h": 89.2
  },
  "luminance": 0.53715
}

Semantic roles & 50–950 ramp

primary
#DCBF73
secondary
#4763AD
accent
#4DC81E
background
#FFFEFC
surface
#FEFBF5
border
#D6D4CF
text
#16140E
muted
#85837F

Preview Lab

Preview with #DCBF73

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

Preview Lab → · Contrast checker → · Palette generator →

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