#E7FCCE#E7FCCE

#E7FCCE is a very light, moderate yellow-green. Relative luminance 0.911; OKLCH L 96.4% C 0.064 H 127.6°. Best body text is #000000 at 19.21:1 contrast (WCAG AA passes).

Color values

HEX#E7FCCE
RGBrgb(231, 252, 206)
HSLhsl(87, 88%, 90%)
HSVhsv(87, 18%, 99%)
CMYKcmyk(8.3%, 0%, 18.3%, 1.2%)
CIE-LABlab(96.44, -14.72, 19.78)
CIE-LCHlch(96.44, 24.65, 126.67°)
OKLaboklab(96.4% -0.039 0.0508)
OKLCHoklch(96.4% 0.064 127.6)
XYZxyz(78.9043, 91.0656, 71.8011)
Luminance0.9107 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#E7FCCE #E3CEFC
analogous
#FCFACE #E7FCCE #D0FCCE
triadic
#E7FCCE #CEE7FC #FCCEE7
tetradic
#E7FCCE #CEFCFA #E3CEFC #FCCED0
square
#E7FCCE #CEFCFA #E3CEFC #FCCED0
split-complementary
#E7FCCE #CED0FC #FACEFC
monochromatic
#AFF55B #CBF894 #E7FCCE #F1FDE2 #F1FDE2

Accessibility & contrast

On white

1.09
#E7FCCE on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

19.21
#E7FCCE on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #E7FCCE
19.21:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##E7FCCE#FFFFFF#000000##000000
##E7FCCE1.001.0919.2119.21
#FFFFFF1.091.0021.0021.00
#00000019.2121.001.001.00
##00000019.2121.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFF6CB
Deuteranopia (green-blind)
#FEF4D0
Tritanopia (blue-blind)
#E9F8EF
Achromatopsia (no color)
#F5F5F5

Design tokens & code

CSS
--color: #e7fcce;
/* rgb */ color: rgb(231, 252, 206);
/* oklch */ color: oklch(96.4% 0.064 127.6);
Tailwind
colors: {
  custom: {
    50: '#eefddd',
    500: '#e7fcce',
    950: '#000000',
  },
}
SCSS
$custom: #e7fcce;
$custom-light: #eefddd;
$custom-dark: #000000;
JSON
{
  "hex": "#e7fcce",
  "rgb": {
    "r": 231,
    "g": 252,
    "b": 206
  },
  "hsl": {
    "h": 87.391,
    "s": 88.462,
    "l": 89.804
  },
  "oklch": {
    "l": 0.96398,
    "c": 0.06405,
    "h": 127.6
  },
  "luminance": 0.91066
}

Semantic roles & 50–950 ramp

primary
#E7FCCE
secondary
#B38BE4
accent
#00E569
background
#FFFFFE
surface
#FEFFFC
border
#D6D7D5
text
#161715
muted
#858584

Preview Lab

Preview with #E7FCCE

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

Preview Lab → · Contrast checker → · Palette generator →

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