#CAE946#CAE946

#CAE946 is a very light, vivid yellow-green. Relative luminance 0.713; OKLCH L 88.3% C 0.184 H 119.8°. Best body text is #000000 at 15.26:1 contrast (WCAG AA passes).

Color values

HEX#CAE946
RGBrgb(202, 233, 70)
HSLhsl(71, 79%, 59%)
HSVhsv(71, 70%, 91%)
CMYKcmyk(13.3%, 0%, 70%, 8.6%)
CIE-LABlab(87.62, -30.98, 71.65)
CIE-LCHlch(87.62, 78.06, 113.39°)
OKLaboklab(88.27% -0.0915 0.16)
OKLCHoklch(88.27% 0.184 119.8)
XYZxyz(54.6025, 71.2768, 16.6745)
Luminance0.7128 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CAE946 #6546E9
analogous
#E9B746 #CAE946 #79E946
triadic
#CAE946 #46CAE9 #E946CA
tetradic
#CAE946 #46E9B7 #6546E9 #E94679
square
#CAE946 #46E9B7 #6546E9 #E94679
split-complementary
#CAE946 #4679E9 #B746E9
monochromatic
#86A113 #B4D81A #CAE946 #DAF07D #E9F6B3

Accessibility & contrast

On white

1.38
#CAE946 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.26
#CAE946 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CAE946
15.26:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CAE946#FFFFFF#000000##000000
##CAE9461.001.3815.2615.26
#FFFFFF1.381.0021.0021.00
#00000015.2621.001.001.00
##00000015.2621.001.001.00

Color blindness preview

Protanopia (red-blind)
#F8DC2A
Deuteranopia (green-blind)
#F4DC53
Tritanopia (blue-blind)
#D5DDC9
Achromatopsia (no color)
#DCDCDC

Design tokens & code

CSS
--color: #cae946;
/* rgb */ color: rgb(202, 233, 70);
/* oklch */ color: oklch(88.3% 0.184 119.8);
Tailwind
colors: {
  custom: {
    50: '#def083',
    500: '#cae946',
    950: '#000000',
  },
}
SCSS
$custom: #cae946;
$custom-light: #def083;
$custom-dark: #000000;
JSON
{
  "hex": "#cae946",
  "rgb": {
    "r": 202,
    "g": 233,
    "b": 70
  },
  "hsl": {
    "h": 71.411,
    "s": 78.744,
    "l": 59.412
  },
  "oklch": {
    "l": 0.88267,
    "c": 0.18434,
    "h": 119.8
  },
  "luminance": 0.71277
}

Semantic roles & 50–950 ramp

primary
#CAE946
secondary
#462FA4
accent
#33F558
background
#FEFFFB
surface
#FCFEF2
border
#D5D6CC
text
#16160B
muted
#84857E

Preview Lab

Preview with #CAE946

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

Preview Lab → · Contrast checker → · Palette generator →

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