#E7FA7B#E7FA7B

#E7FA7B is a very light, vivid yellow. Relative luminance 0.868; OKLCH L 94.6% C 0.153 H 116.5°. Best body text is #000000 at 18.36:1 contrast (WCAG AA passes).

Color values

HEX#E7FA7B
RGBrgb(231, 250, 123)
HSLhsl(69, 93%, 73%)
HSVhsv(69, 51%, 98%)
CMYKcmyk(7.6%, 0%, 50.8%, 2%)
CIE-LABlab(94.65, -23.87, 58.13)
CIE-LCHlch(94.65, 62.84, 112.32°)
OKLaboklab(94.56% -0.0683 0.1372)
OKLCHoklch(94.56% 0.153 116.5)
XYZxyz(70.7167, 86.7910, 31.7620)
Luminance0.8679 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#E7FA7B #8E7BFA
analogous
#FACD7B #E7FA7B #A7FA7B
triadic
#E7FA7B #7BE7FA #FA7BE7
tetradic
#E7FA7B #7BFACD #8E7BFA #FA7BA7
square
#E7FA7B #7BFACD #8E7BFA #FA7BA7
split-complementary
#E7FA7B #7BA7FA #CD7BFA
monochromatic
#CFF109 #DCF840 #E7FA7B #F2FCB6 #FAFEE2

Accessibility & contrast

On white

1.14
#E7FA7B on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

18.36
#E7FA7B on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #E7FA7B
18.36:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##E7FA7B#FFFFFF#000000##000000
##E7FA7B1.001.1418.3618.36
#FFFFFF1.141.0021.0021.00
#00000018.3621.001.001.00
##00000018.3621.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFEF6F
Deuteranopia (green-blind)
#FFF182
Tritanopia (blue-blind)
#F3EEDD
Achromatopsia (no color)
#F0F0F0

Design tokens & code

CSS
--color: #e7fa7b;
/* rgb */ color: rgb(231, 250, 123);
/* oklch */ color: oklch(94.6% 0.153 116.5);
Tailwind
colors: {
  custom: {
    50: '#f1fba4',
    500: '#e7fa7b',
    950: '#000000',
  },
}
SCSS
$custom: #e7fa7b;
$custom-light: #f1fba4;
$custom-dark: #000000;
JSON
{
  "hex": "#e7fa7b",
  "rgb": {
    "r": 231,
    "g": 250,
    "b": 123
  },
  "hsl": {
    "h": 68.976,
    "s": 92.701,
    "l": 73.137
  },
  "oklch": {
    "l": 0.94559,
    "c": 0.15323,
    "h": 116.5
  },
  "luminance": 0.8679
}

Semantic roles & 50–950 ramp

primary
#E7FA7B
secondary
#5942D7
accent
#00E622
background
#FFFFFC
surface
#FEFFF6
border
#D6D7D0
text
#17170F
muted
#858580

Preview Lab

Preview with #E7FA7B

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

Preview Lab → · Contrast checker → · Palette generator →

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