#E7FBCF#E7FBCF

#E7FBCF is a very light, moderate yellow-green. Relative luminance 0.905; OKLCH L 96.2% C 0.061 H 127.5°. Best body text is #000000 at 19.10:1 contrast (WCAG AA passes).

Color values

HEX#E7FBCF
RGBrgb(231, 251, 207)
HSLhsl(87, 85%, 90%)
HSVhsv(87, 18%, 98%)
CMYKcmyk(8%, 0%, 17.5%, 1.6%)
CIE-LABlab(96.20, -14.08, 18.93)
CIE-LCHlch(96.20, 23.59, 126.63°)
OKLaboklab(96.21% -0.0373 0.0487)
OKLCHoklch(96.21% 0.061 127.5)
XYZxyz(78.7130, 90.4879, 72.3385)
Luminance0.9049 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#E7FBCF #E3CFFB
analogous
#FBF9CF #E7FBCF #D1FBCF
triadic
#E7FBCF #CFE7FB #FBCFE7
tetradic
#E7FBCF #CFFBF9 #E3CFFB #FBCFD1
square
#E7FBCF #CFFBF9 #E3CFFB #FBCFD1
split-complementary
#E7FBCF #CFD1FB #F9CFFB
monochromatic
#AFF25E #CBF697 #E7FBCF #F1FDE3 #F1FDE3

Accessibility & contrast

On white

1.10
#E7FBCF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

19.10
#E7FBCF on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #E7FBCF
19.10:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##E7FBCF#FFFFFF#000000##000000
##E7FBCF1.001.1019.1019.10
#FFFFFF1.101.0021.0021.00
#00000019.1021.001.001.00
##00000019.1021.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFF5CC
Deuteranopia (green-blind)
#FDF4D1
Tritanopia (blue-blind)
#E9F7EF
Achromatopsia (no color)
#F4F4F4

Design tokens & code

CSS
--color: #e7fbcf;
/* rgb */ color: rgb(231, 251, 207);
/* oklch */ color: oklch(96.2% 0.061 127.5);
Tailwind
colors: {
  custom: {
    50: '#eefcdd',
    500: '#e7fbcf',
    950: '#000000',
  },
}
SCSS
$custom: #e7fbcf;
$custom-light: #eefcdd;
$custom-dark: #000000;
JSON
{
  "hex": "#e7fbcf",
  "rgb": {
    "r": 231,
    "g": 251,
    "b": 207
  },
  "hsl": {
    "h": 87.273,
    "s": 84.615,
    "l": 89.804
  },
  "oklch": {
    "l": 0.96215,
    "c": 0.06131,
    "h": 127.5
  },
  "luminance": 0.90488
}

Semantic roles & 50–950 ramp

primary
#E7FBCF
secondary
#B38DE2
accent
#04E169
background
#FFFFFE
surface
#FEFFFC
border
#D6D7D5
text
#161715
muted
#858584

Preview Lab

Preview with #E7FBCF

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

Preview Lab → · Contrast checker → · Palette generator →

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