#DFCA29#DFCA29

#DFCA29 is a very light, vivid yellow. Relative luminance 0.581; OKLCH L 83.2% C 0.164 H 101.2°. Best body text is #000000 at 12.62:1 contrast (WCAG AA passes).

Color values

HEX	#DFCA29
RGB	rgb(223, 202, 41)
HSL	hsl(53, 74%, 52%)
HSV	hsv(53, 82%, 87%)
CMYK	cmyk(0%, 9.4%, 81.6%, 12.5%)
CIE-LAB	lab(80.79, -8.38, 74.95)
CIE-LCH	lch(80.79, 75.42, 96.38°)
OKLab	oklab(83.16% -0.032 0.1613)
OKLCH	oklch(83.16% 0.164 101.2)
XYZ	xyz(51.9548, 58.0916, 10.5736)
Luminance	0.5809 (WCAG relative)
Temperature	warm
Family	yellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#DFCA29 #293EDF

analogous

#DF6F29 #DFCA29 #99DF29

triadic

#DFCA29 #29DFCA #CA29DF

tetradic

#DFCA29 #29DF6F #293EDF #DF2999

square

#DFCA29 #29DF6F #293EDF #DF2999

split-complementary

#DFCA29 #2999DF #6F29DF

monochromatic

#7B6F12 #B09F1A #DFCA29 #E7D75E #EFE493

Accessibility & contrast

On white

1.66

#DFCA29 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

12.62

#DFCA29 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DFCA29

12.62:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##DFCA29	#FFFFFF	#000000	##000000
##DFCA29	1.00	1.66	12.62	12.62
#FFFFFF	1.66	1.00	21.00	21.00
#000000	12.62	21.00	1.00	1.00
##000000	12.62	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#DEC400

Deuteranopia (green-blind)

#E4CC37

Tritanopia (blue-blind)

#F1BBAD

Achromatopsia (no color)

#C9C9C9

Design tokens & code

CSS

--color: #dfca29;
/* rgb */ color: rgb(223, 202, 41);
/* oklch */ color: oklch(83.2% 0.164 101.2);

Tailwind

colors: {
  custom: {
    50: '#eed973',
    500: '#dfca29',
    950: '#000000',
  },
}

SCSS

$custom: #dfca29;
$custom-light: #eed973;
$custom-dark: #000000;

JSON

{
  "hex": "#dfca29",
  "rgb": {
    "r": 223,
    "g": 202,
    "b": 41
  },
  "hsl": {
    "h": 53.077,
    "s": 73.984,
    "l": 51.765
  },
  "oklch": {
    "l": 0.83156,
    "c": 0.1644,
    "h": 101.2
  },
  "luminance": 0.58089
}

Semantic roles & 50–950 ramp

primary

#DFCA29

secondary

#2A3483

accent

#4DF137

background

#FFFEFB

surface

#FFFBF1

border

#D7D4CB

text

#171409

muted

#85837D

Preview Lab

Preview with #DFCA29

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

Preview Lab → · Contrast checker → · Palette generator →