#DFD04F#DFD04F

#DFD04F is a very light, vivid yellow. Relative luminance 0.614; OKLCH L 84.6% C 0.147 H 102.7°. Best body text is #000000 at 13.27:1 contrast (WCAG AA passes).

Color values

HEX#DFD04F
RGBrgb(223, 208, 79)
HSLhsl(54, 69%, 59%)
HSVhsv(54, 65%, 87%)
CMYKcmyk(0%, 6.7%, 64.6%, 12.5%)
CIE-LABlab(82.58, -9.76, 63.60)
CIE-LCHlch(82.58, 64.34, 98.72°)
OKLaboklab(84.64% -0.0323 0.1439)
OKLCHoklch(84.64% 0.147 102.7)
XYZxyz(54.4007, 61.3664, 16.3750)
Luminance0.6136 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#DFD04F #4F5EDF
analogous
#DF884F #DFD04F #A6DF4F
triadic
#DFD04F #4FDFD0 #D04FDF
tetradic
#DFD04F #4FDF88 #4F5EDF #DF4FA6
square
#DFD04F #4FDF88 #4F5EDF #DF4FA6
split-complementary
#DFD04F #4FA6DF #884FDF
monochromatic
#988B1C #CCBA25 #DFD04F #E8DE83 #F2ECB7

Accessibility & contrast

On white

1.58
#DFD04F on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.27
#DFD04F on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DFD04F
13.27:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##DFD04F#FFFFFF#000000##000000
##DFD04F1.001.5813.2713.27
#FFFFFF1.581.0021.0021.00
#00000013.2721.001.001.00
##00000013.2721.001.001.00

Color blindness preview

Protanopia (red-blind)
#E2CA3F
Deuteranopia (green-blind)
#E7D156
Tritanopia (blue-blind)
#EFC2B5
Achromatopsia (no color)
#CDCDCD

Design tokens & code

CSS
--color: #dfd04f;
/* rgb */ color: rgb(223, 208, 79);
/* oklch */ color: oklch(84.6% 0.147 102.7);
Tailwind
colors: {
  custom: {
    50: '#ecde86',
    500: '#dfd04f',
    950: '#000000',
  },
}
SCSS
$custom: #dfd04f;
$custom-light: #ecde86;
$custom-dark: #000000;
JSON
{
  "hex": "#dfd04f",
  "rgb": {
    "r": 223,
    "g": 208,
    "b": 79
  },
  "hsl": {
    "h": 53.75,
    "s": 69.231,
    "l": 59.216
  },
  "oklch": {
    "l": 0.84644,
    "c": 0.14747,
    "h": 102.7
  },
  "luminance": 0.61364
}

Semantic roles & 50–950 ramp

primary
#DFD04F
secondary
#36419C
accent
#4EEC3C
background
#FFFEFC
surface
#FEFCF3
border
#D6D5CD
text
#17150C
muted
#85847F

Preview Lab

Preview with #DFD04F

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

Preview Lab → · Contrast checker → · Palette generator →

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