#DECF52#DECF52

#DECF52 is a very light, vivid yellow. Relative luminance 0.608; OKLCH L 84.4% C 0.144 H 102.5°. Best body text is #000000 at 13.15:1 contrast (WCAG AA passes).

Color values

HEX#DECF52
RGBrgb(222, 207, 82)
HSLhsl(54, 68%, 60%)
HSVhsv(54, 63%, 87%)
CMYKcmyk(0%, 6.8%, 63.1%, 12.9%)
CIE-LABlab(82.25, -9.49, 61.99)
CIE-LCHlch(82.25, 62.71, 98.70°)
OKLaboklab(84.38% -0.0312 0.141)
OKLCHoklch(84.38% 0.144 102.5)
XYZxyz(53.9621, 60.7666, 16.8677)
Luminance0.6076 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#DECF52 #5261DE
analogous
#DE8952 #DECF52 #A7DE52
triadic
#DECF52 #52DECF #CF52DE
tetradic
#DECF52 #52DE89 #5261DE #DE52A7
square
#DECF52 #52DE89 #5261DE #DE52A7
split-complementary
#DECF52 #52A7DE #8952DE
monochromatic
#998B1D #CCBA27 #DECF52 #E8DD85 #F2ECB9

Accessibility & contrast

On white

1.60
#DECF52 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.15
#DECF52 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DECF52
13.15:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##DECF52#FFFFFF#000000##000000
##DECF521.001.6013.1513.15
#FFFFFF1.601.0021.0021.00
#00000013.1521.001.001.00
##00000013.1521.001.001.00

Color blindness preview

Protanopia (red-blind)
#E1C943
Deuteranopia (green-blind)
#E5D059
Tritanopia (blue-blind)
#EEC1B5
Achromatopsia (no color)
#CDCDCD

Design tokens & code

CSS
--color: #decf52;
/* rgb */ color: rgb(222, 207, 82);
/* oklch */ color: oklch(84.4% 0.144 102.5);
Tailwind
colors: {
  custom: {
    50: '#ebdd88',
    500: '#decf52',
    950: '#000000',
  },
}
SCSS
$custom: #decf52;
$custom-light: #ebdd88;
$custom-dark: #000000;
JSON
{
  "hex": "#decf52",
  "rgb": {
    "r": 222,
    "g": 207,
    "b": 82
  },
  "hsl": {
    "h": 53.571,
    "s": 67.961,
    "l": 59.608
  },
  "oklch": {
    "l": 0.84376,
    "c": 0.14436,
    "h": 102.5
  },
  "luminance": 0.60764
}

Semantic roles & 50–950 ramp

primary
#DECF52
secondary
#38429D
accent
#50EB3D
background
#FFFEFC
surface
#FEFCF4
border
#D6D5CE
text
#17150C
muted
#85847F

Preview Lab

Preview with #DECF52

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

Preview Lab → · Contrast checker → · Palette generator →

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