#EAFCA5#EAFCA5

#EAFCA5 is a very light, moderate yellow-green. Relative luminance 0.898; OKLCH L 95.8% C 0.111 H 118.1°. Best body text is #000000 at 18.97:1 contrast (WCAG AA passes).

Color values

HEX#EAFCA5
RGBrgb(234, 252, 165)
HSLhsl(72, 94%, 82%)
HSVhsv(72, 35%, 99%)
CMYKcmyk(7.1%, 0%, 34.5%, 1.2%)
CIE-LABlab(95.93, -19.31, 39.76)
CIE-LCHlch(95.93, 44.20, 115.90°)
OKLaboklab(95.81% -0.0524 0.0983)
OKLCHoklch(95.81% 0.111 118.1)
XYZxyz(75.5336, 89.8302, 48.9498)
Luminance0.8983 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#EAFCA5 #B7A5FC
analogous
#FCE3A5 #EAFCA5 #BFFCA5
triadic
#EAFCA5 #A5EAFC #FCA5EA
tetradic
#EAFCA5 #A5FCE3 #B7A5FC #FCA5BF
square
#EAFCA5 #A5FCE3 #B7A5FC #FCA5BF
split-complementary
#EAFCA5 #A5BFFC #E3A5FC
monochromatic
#CEF82F #DCFA6A #EAFCA5 #F8FEE0 #F8FEE1

Accessibility & contrast

On white

1.11
#EAFCA5 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

18.97
#EAFCA5 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EAFCA5
18.97:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##EAFCA5#FFFFFF#000000##000000
##EAFCA51.001.1118.9718.97
#FFFFFF1.111.0021.0021.00
#00000018.9721.001.001.00
##00000018.9721.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFF39F
Deuteranopia (green-blind)
#FFF4A9
Tritanopia (blue-blind)
#F2F3E6
Achromatopsia (no color)
#F3F3F3

Design tokens & code

CSS
--color: #eafca5;
/* rgb */ color: rgb(234, 252, 165);
/* oklch */ color: oklch(95.8% 0.111 118.1);
Tailwind
colors: {
  custom: {
    50: '#f1fdc0',
    500: '#eafca5',
    950: '#000000',
  },
}
SCSS
$custom: #eafca5;
$custom-light: #f1fdc0;
$custom-dark: #000000;
JSON
{
  "hex": "#eafca5",
  "rgb": {
    "r": 234,
    "g": 252,
    "b": 165
  },
  "hsl": {
    "h": 72.414,
    "s": 93.548,
    "l": 81.765
  },
  "oklch": {
    "l": 0.95808,
    "c": 0.11139,
    "h": 118.1
  },
  "luminance": 0.8983
}

Semantic roles & 50–950 ramp

primary
#EAFCA5
secondary
#7F66DF
accent
#00E62F
background
#FFFFFD
surface
#FEFFF9
border
#D6D7D2
text
#171712
muted
#858582

Preview Lab

Preview with #EAFCA5

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

Preview Lab → · Contrast checker → · Palette generator →

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