#DEF23B#DEF23B

#DEF23B is a very light, vivid yellow. Relative luminance 0.793; OKLCH L 91.6% C 0.193 H 115.9°. Best body text is #000000 at 16.87:1 contrast (WCAG AA passes).

Color values

HEX#DEF23B
RGBrgb(222, 242, 59)
HSLhsl(67, 88%, 59%)
HSVhsv(67, 76%, 95%)
CMYKcmyk(8.3%, 0%, 75.6%, 5.1%)
CIE-LABlab(91.39, -27.72, 79.29)
CIE-LCHlch(91.39, 83.99, 109.27°)
OKLaboklab(91.63% -0.0844 0.1738)
OKLCHoklch(91.63% 0.193 115.9)
XYZxyz(62.6675, 79.3506, 16.1518)
Luminance0.7935 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#DEF23B #4F3BF2
analogous
#F2AA3B #DEF23B #83F23B
triadic
#DEF23B #3BDEF2 #F23BDE
tetradic
#DEF23B #3BF2AA #4F3BF2 #F23B83
square
#DEF23B #3BF2AA #4F3BF2 #F23B83
split-complementary
#DEF23B #3B83F2 #AA3BF2
monochromatic
#96A70B #CAE10F #DEF23B #E8F674 #F1FAAE

Accessibility & contrast

On white

1.24
#DEF23B on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

16.87
#DEF23B on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DEF23B
16.87:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##DEF23B#FFFFFF#000000##000000
##DEF23B1.001.2416.8716.87
#FFFFFF1.241.0021.0021.00
#00000016.8721.001.001.00
##00000016.8721.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFE501
Deuteranopia (green-blind)
#FFE84C
Tritanopia (blue-blind)
#ECE4D0
Achromatopsia (no color)
#E6E6E6

Design tokens & code

CSS
--color: #def23b;
/* rgb */ color: rgb(222, 242, 59);
/* oklch */ color: oklch(91.6% 0.193 115.9);
Tailwind
colors: {
  custom: {
    50: '#ecf67f',
    500: '#def23b',
    950: '#000000',
  },
}
SCSS
$custom: #def23b;
$custom-light: #ecf67f;
$custom-dark: #000000;
JSON
{
  "hex": "#def23b",
  "rgb": {
    "r": 222,
    "g": 242,
    "b": 59
  },
  "hsl": {
    "h": 66.557,
    "s": 87.56,
    "l": 59.02
  },
  "oklch": {
    "l": 0.91632,
    "c": 0.1932,
    "h": 115.9
  },
  "luminance": 0.7935
}

Semantic roles & 50–950 ramp

primary
#DEF23B
secondary
#3728A9
accent
#2AFE41
background
#FFFFFB
surface
#FEFEF2
border
#D6D6CC
text
#17170B
muted
#85857E

Preview Lab

Preview with #DEF23B

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

Preview Lab → · Contrast checker → · Palette generator →

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