Sunflower Yellow#FFDA03

#FFDA03 is a very light, vivid yellow. Relative luminance 0.714; OKLCH L 89.3% C 0.184 H 96.6°. Best body text is #000000 at 15.28:1 contrast (WCAG AA passes).

Sunflower Yellow — editorial page

Color values

HEX	#FFDA03
RGB	rgb(255, 218, 3)
HSL	hsl(51, 100%, 51%)
HSV	hsv(51, 99%, 100%)
CMYK	cmyk(0%, 14.5%, 98.8%, 0%)
CIE-LAB	lab(87.69, -3.42, 87.41)
CIE-LCH	lch(87.69, 87.48, 92.24°)
OKLab	oklab(89.28% -0.021 0.1823)
OKLCH	oklch(89.28% 0.184 96.6)
XYZ	xyz(66.3318, 71.4133, 10.3765)
Luminance	0.7141 (WCAG relative)
Temperature	warm
Family	yellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#FFDA03 #0328FF

analogous

#FF5C03 #FFDA03 #A6FF03

triadic

#FFDA03 #03FFDA #DA03FF

tetradic

#FFDA03 #03FF5C #0328FF #FF03A6

square

#FFDA03 #03FF5C #0328FF #FF03A6

split-complementary

#FFDA03 #03A6FF #5C03FF

monochromatic

#887400 #C5A800 #FFDA03 #FFE340 #FFEC7D

Accessibility & contrast

On white

1.37

#FFDA03 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

15.28

#FFDA03 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #FFDA03

15.28:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##FFDA03	#FFFFFF	#000000	##000000
##FFDA03	1.00	1.37	15.28	15.28
#FFFFFF	1.37	1.00	21.00	21.00
#000000	15.28	21.00	1.00	1.00
##000000	15.28	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#F2D500

Deuteranopia (green-blind)

#FCE126

Tritanopia (blue-blind)

#FFC7BA

Achromatopsia (no color)

#DCDCDC

Design tokens & code

CSS

--color: #ffda03;
/* rgb */ color: rgb(255, 218, 3);
/* oklch */ color: oklch(89.3% 0.184 96.6);

Tailwind

colors: {
  custom: {
    50: '#ffe46d',
    500: '#ffda03',
    950: '#000000',
  },
}

SCSS

$custom: #ffda03;
$custom-light: #ffe46d;
$custom-dark: #000000;

JSON

{
  "hex": "#ffda03",
  "rgb": {
    "r": 255,
    "g": 218,
    "b": 3
  },
  "hsl": {
    "h": 51.19,
    "s": 100,
    "l": 50.588
  },
  "oklch": {
    "l": 0.89275,
    "c": 0.18355,
    "h": 96.6
  },
  "luminance": 0.71409
}

Semantic roles & 50–950 ramp

primary

#FFDA03

secondary

#192A8D

accent

#48FF29

background

#FFFEFB

surface

#FFFCF1

border

#D7D5CB

text

#191509

muted

#87847D

Preview Lab

Preview with #FFDA03

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

Preview Lab → · Contrast checker → · Palette generator →