#E7EFAB#E7EFAB

#E7EFAB is a very light, moderate yellow. Relative luminance 0.817; OKLCH L 93.0% C 0.088 H 113.6°. Best body text is #000000 at 17.33:1 contrast (WCAG AA passes).

Color values

HEX#E7EFAB
RGBrgb(231, 239, 171)
HSLhsl(67, 68%, 80%)
HSVhsv(67, 28%, 94%)
CMYKcmyk(3.3%, 0%, 28.5%, 6.3%)
CIE-LABlab(92.43, -13.31, 32.09)
CIE-LCHlch(92.43, 34.75, 112.53°)
OKLaboklab(93% -0.0351 0.0804)
OKLCHoklch(93% 0.088 113.6)
XYZxyz(71.1721, 81.6629, 50.5333)
Luminance0.8166 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#E7EFAB #B3ABEF
analogous
#EFD5AB #E7EFAB #C5EFAB
triadic
#E7EFAB #ABE7EF #EFABE7
tetradic
#E7EFAB #ABEFD5 #B3ABEF #EFABC5
square
#E7EFAB #ABEFD5 #B3ABEF #EFABC5
split-complementary
#E7EFAB #ABC5EF #D5ABEF
monochromatic
#CADB44 #D8E578 #E7EFAB #F6F9DE #F8FAE5

Accessibility & contrast

On white

1.21
#E7EFAB on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

17.33
#E7EFAB on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #E7EFAB
17.33:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##E7EFAB#FFFFFF#000000##000000
##E7EFAB1.001.2117.3317.33
#FFFFFF1.211.0021.0021.00
#00000017.3321.001.001.00
##00000017.3321.001.001.00

Color blindness preview

Protanopia (red-blind)
#F9E8A6
Deuteranopia (green-blind)
#F9EAAE
Tritanopia (blue-blind)
#EFE7DD
Achromatopsia (no color)
#E9E9E9

Design tokens & code

CSS
--color: #e7efab;
/* rgb */ color: rgb(231, 239, 171);
/* oklch */ color: oklch(93.0% 0.088 113.6);
Tailwind
colors: {
  custom: {
    50: '#eff4c4',
    500: '#e7efab',
    950: '#000000',
  },
}
SCSS
$custom: #e7efab;
$custom-light: #eff4c4;
$custom-dark: #000000;
JSON
{
  "hex": "#e7efab",
  "rgb": {
    "r": 231,
    "g": 239,
    "b": 171
  },
  "hsl": {
    "h": 67.059,
    "s": 68,
    "l": 80.392
  },
  "oklch": {
    "l": 0.92999,
    "c": 0.08774,
    "h": 113.6
  },
  "luminance": 0.81662
}

Semantic roles & 50–950 ramp

primary
#E7EFAB
secondary
#7C71CD
accent
#16D02B
background
#FFFFFD
surface
#FEFEF9
border
#D6D6D2
text
#161712
muted
#858582

Preview Lab

Preview with #E7EFAB

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

Preview Lab → · Contrast checker → · Palette generator →

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