#CEFCB3#CEFCB3

#CEFCB3 is a very light, moderate yellow-green. Relative luminance 0.860; OKLCH L 94.1% C 0.107 H 134.3°. Best body text is #000000 at 18.20:1 contrast (WCAG AA passes).

Color values

HEX#CEFCB3
RGBrgb(206, 252, 179)
HSLhsl(98, 92%, 85%)
HSVhsv(98, 29%, 99%)
CMYKcmyk(18.3%, 0%, 29%, 1.2%)
CIE-LABlab(94.31, -27.41, 30.30)
CIE-LCHlch(94.31, 40.86, 132.14°)
OKLaboklab(94.12% -0.0744 0.0763)
OKLCHoklch(94.12% 0.107 134.3)
XYZxyz(68.3990, 85.9960, 55.6343)
Luminance0.8600 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CEFCB3 #E1B3FC
analogous
#F3FCB3 #CEFCB3 #B3FCBD
triadic
#CEFCB3 #B3CEFC #FCB3CE
tetradic
#CEFCB3 #B3F3FC #E1B3FC #FCBDB3
square
#CEFCB3 #B3F3FC #E1B3FC #FCBDB3
split-complementary
#CEFCB3 #BDB3FC #FCB3F3
monochromatic
#82F73D #A8FA78 #CEFCB3 #ECFEE2 #ECFEE2

Accessibility & contrast

On white

1.15
#CEFCB3 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

18.20
#CEFCB3 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CEFCB3
18.20:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CEFCB3#FFFFFF#000000##000000
##CEFCB31.001.1518.2018.20
#FFFFFF1.151.0021.0021.00
#00000018.2021.001.001.00
##00000018.2021.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFF1AE
Deuteranopia (green-blind)
#FBEDB7
Tritanopia (blue-blind)
#CEF6E9
Achromatopsia (no color)
#EFEFEF

Design tokens & code

CSS
--color: #cefcb3;
/* rgb */ color: rgb(206, 252, 179);
/* oklch */ color: oklch(94.1% 0.107 134.3);
Tailwind
colors: {
  custom: {
    50: '#defdca',
    500: '#cefcb3',
    950: '#000000',
  },
}
SCSS
$custom: #cefcb3;
$custom-light: #defdca;
$custom-dark: #000000;
JSON
{
  "hex": "#cefcb3",
  "rgb": {
    "r": 206,
    "g": 252,
    "b": 179
  },
  "hsl": {
    "h": 97.808,
    "s": 92.405,
    "l": 84.51
  },
  "oklch": {
    "l": 0.94124,
    "c": 0.10659,
    "h": 134.3
  },
  "luminance": 0.85997
}

Semantic roles & 50–950 ramp

primary
#CEFCB3
secondary
#B872E1
accent
#00E691
background
#FEFFFD
surface
#FCFFF9
border
#D5D7D2
text
#151713
muted
#848582

Preview Lab

Preview with #CEFCB3

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

Preview Lab → · Contrast checker → · Palette generator →

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