#FDDF54#FDDF54

#FDDF54 is a very light, vivid yellow. Relative luminance 0.743; OKLCH L 90.4% C 0.157 H 96.9°. Best body text is #000000 at 15.86:1 contrast (WCAG AA passes).

Color values

HEX#FDDF54
RGBrgb(253, 223, 84)
HSLhsl(49, 98%, 66%)
HSVhsv(49, 67%, 99%)
CMYKcmyk(0%, 11.9%, 66.8%, 0.8%)
CIE-LABlab(89.06, -4.58, 69.15)
CIE-LCHlch(89.06, 69.30, 93.79°)
OKLaboklab(90.42% -0.0188 0.1555)
OKLCHoklch(90.42% 0.157 96.9)
XYZxyz(68.4991, 74.3015, 19.1194)
Luminance0.7430 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#FDDF54 #5472FD
analogous
#FD8A54 #FDDF54 #C6FD54
triadic
#FDDF54 #54FDDF #DF54FD
tetradic
#FDDF54 #54FD8A #5472FD #FD54C6
square
#FDDF54 #54FD8A #5472FD #FD54C6
split-complementary
#FDDF54 #54C6FD #8A54FD
monochromatic
#D4AF02 #FCD418 #FDDF54 #FEEA90 #FEF6CD

Accessibility & contrast

On white

1.32
#FDDF54 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.86
#FDDF54 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #FDDF54
15.86:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##FDDF54#FFFFFF#000000##000000
##FDDF541.001.3215.8615.86
#FFFFFF1.321.0021.0021.00
#00000015.8621.001.001.00
##00000015.8621.001.001.00

Color blindness preview

Protanopia (red-blind)
#F4DA42
Deuteranopia (green-blind)
#FCE45C
Tritanopia (blue-blind)
#FFCFC2
Achromatopsia (no color)
#E0E0E0

Design tokens & code

CSS
--color: #fddf54;
/* rgb */ color: rgb(253, 223, 84);
/* oklch */ color: oklch(90.4% 0.157 96.9);
Tailwind
colors: {
  custom: {
    50: '#ffe88b',
    500: '#fddf54',
    950: '#000000',
  },
}
SCSS
$custom: #fddf54;
$custom-light: #ffe88b;
$custom-dark: #000000;
JSON
{
  "hex": "#fddf54",
  "rgb": {
    "r": 253,
    "g": 223,
    "b": 84
  },
  "hsl": {
    "h": 49.349,
    "s": 97.688,
    "l": 66.078
  },
  "oklch": {
    "l": 0.90421,
    "c": 0.15665,
    "h": 96.9
  },
  "luminance": 0.74298
}

Semantic roles & 50–950 ramp

primary
#FDDF54
secondary
#2745CE
accent
#29E600
background
#FFFEFC
surface
#FFFCF4
border
#D7D5CE
text
#19160C
muted
#87847F

Preview Lab

Preview with #FDDF54

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

Preview Lab → · Contrast checker → · Palette generator →

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