#9EFBC4#9EFBC4

#9EFBC4 is a very light, moderate green. Relative luminance 0.802; OKLCH L 91.5% C 0.117 H 157.2°. Best body text is #000000 at 17.05:1 contrast (WCAG AA passes).

Color values

HEX#9EFBC4
RGBrgb(158, 251, 196)
HSLhsl(145, 92%, 80%)
HSVhsv(145, 37%, 98%)
CMYKcmyk(37.1%, 0%, 21.9%, 1.6%)
CIE-LABlab(91.79, -39.18, 17.78)
CIE-LCHlch(91.79, 43.03, 155.59°)
OKLaboklab(91.53% -0.1082 0.0456)
OKLCHoklch(91.53% 0.117 157.2)
XYZxyz(58.5577, 80.2455, 64.6172)
Luminance0.8025 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#9EFBC4 #FB9ED5
analogous
#A6FB9E #9EFBC4 #9EFBF2
triadic
#9EFBC4 #C49EFB #FBC49E
tetradic
#9EFBC4 #9EA6FB #FB9ED5 #FBF29E
square
#9EFBC4 #9EA6FB #FB9ED5 #FBF29E
split-complementary
#9EFBC4 #F29EFB #FB9EA6
monochromatic
#28F67C #63F9A0 #9EFBC4 #D9FDE8 #E2FEED

Accessibility & contrast

On white

1.23
#9EFBC4 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

17.05
#9EFBC4 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #9EFBC4
17.05:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##9EFBC4#FFFFFF#000000##000000
##9EFBC41.001.2317.0517.05
#FFFFFF1.231.0021.0021.00
#00000017.0521.001.001.00
##00000017.0521.001.001.00

Color blindness preview

Protanopia (red-blind)
#FAEEC1
Deuteranopia (green-blind)
#EBE3C7
Tritanopia (blue-blind)
#8BFAEC
Achromatopsia (no color)
#E7E7E7

Design tokens & code

CSS
--color: #9efbc4;
/* rgb */ color: rgb(158, 251, 196);
/* oklch */ color: oklch(91.5% 0.117 157.2);
Tailwind
colors: {
  custom: {
    50: '#befdd6',
    500: '#9efbc4',
    950: '#000000',
  },
}
SCSS
$custom: #9efbc4;
$custom-light: #befdd6;
$custom-dark: #000000;
JSON
{
  "hex": "#9efbc4",
  "rgb": {
    "r": 158,
    "g": 251,
    "b": 196
  },
  "hsl": {
    "h": 144.516,
    "s": 92.079,
    "l": 80.196
  },
  "oklch": {
    "l": 0.9153,
    "c": 0.11739,
    "h": 157.2
  },
  "luminance": 0.80249
}

Semantic roles & 50–950 ramp

primary
#9EFBC4
secondary
#DD60AA
accent
#0088E6
background
#FDFFFE
surface
#F9FFFB
border
#D2D7D4
text
#121714
muted
#828583

Preview Lab

Preview with #9EFBC4

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

Preview Lab → · Contrast checker → · Palette generator →

#9EFBC4 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva