#CEE764#CEE764

#CEE764 is a very light, vivid yellow-green. Relative luminance 0.712; OKLCH L 88.4% C 0.158 H 118.8°. Best body text is #000000 at 15.24:1 contrast (WCAG AA passes).

Color values

HEX#CEE764
RGBrgb(206, 231, 100)
HSLhsl(71, 73%, 65%)
HSVhsv(71, 57%, 91%)
CMYKcmyk(10.8%, 0%, 56.7%, 9.4%)
CIE-LABlab(87.58, -26.47, 59.77)
CIE-LCHlch(87.58, 65.37, 113.89°)
OKLaboklab(88.38% -0.0764 0.1388)
OKLCHoklch(88.38% 0.158 118.8)
XYZxyz(56.3305, 71.1941, 22.8284)
Luminance0.7119 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CEE764 #7D64E7
analogous
#E7BE64 #CEE764 #8DE764
triadic
#CEE764 #64CEE7 #E764CE
tetradic
#CEE764 #64E7BE #7D64E7 #E7648D
square
#CEE764 #64E7BE #7D64E7 #E7648D
split-complementary
#CEE764 #648DE7 #BE64E7
monochromatic
#97B51C #BDDF2F #CEE764 #DFEF99 #F0F7CE

Accessibility & contrast

On white

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

On black

15.24
#CEE764 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CEE764
15.24:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CEE764#FFFFFF#000000##000000
##CEE7641.001.3815.2415.24
#FFFFFF1.381.0021.0021.00
#00000015.2421.001.001.00
##00000015.2421.001.001.00

Color blindness preview

Protanopia (red-blind)
#F5DB56
Deuteranopia (green-blind)
#F2DC6C
Tritanopia (blue-blind)
#D9DCCB
Achromatopsia (no color)
#DBDBDB

Design tokens & code

CSS
--color: #cee764;
/* rgb */ color: rgb(206, 231, 100);
/* oklch */ color: oklch(88.4% 0.158 118.8);
Tailwind
colors: {
  custom: {
    50: '#dfee94',
    500: '#cee764',
    950: '#000000',
  },
}
SCSS
$custom: #cee764;
$custom-light: #dfee94;
$custom-dark: #000000;
JSON
{
  "hex": "#cee764",
  "rgb": {
    "r": 206,
    "g": 231,
    "b": 100
  },
  "hsl": {
    "h": 71.45,
    "s": 73.184,
    "l": 64.902
  },
  "oklch": {
    "l": 0.88378,
    "c": 0.15846,
    "h": 118.8
  },
  "luminance": 0.71194
}

Semantic roles & 50–950 ramp

primary
#CEE764
secondary
#523AB5
accent
#10D536
background
#FEFFFC
surface
#FCFEF5
border
#D5D6CF
text
#15160D
muted
#84857F

Preview Lab

Preview with #CEE764

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

Preview Lab → · Contrast checker → · Palette generator →

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