#5AEBA1#5AEBA1

#5AEBA1 is a very light, vivid green. Relative luminance 0.642; OKLCH L 84.3% C 0.163 H 157.5°. Best body text is #000000 at 13.83:1 contrast (WCAG AA passes).

Color values

HEX	#5AEBA1
RGB	rgb(90, 235, 161)
HSL	hsl(149, 78%, 64%)
HSV	hsv(149, 62%, 92%)
CMYK	cmyk(61.7%, 0%, 31.5%, 7.8%)
CIE-LAB	lab(84.05, -55.45, 24.67)
CIE-LCH	lch(84.05, 60.69, 156.01°)
OKLab	oklab(84.32% -0.1509 0.0624)
OKLCH	oklch(84.32% 0.163 157.5)
XYZ	xyz(40.3542, 64.1594, 43.9686)
Luminance	0.6416 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#5AEBA1 #EB5AA4

analogous

#5BEB5A #5AEBA1 #5AEBE9

triadic

#5AEBA1 #A15AEB #EBA15A

tetradic

#5AEBA1 #5A5BEB #EB5AA4 #EBE95A

square

#5AEBA1 #5A5BEB #EB5AA4 #EBE95A

split-complementary

#5AEBA1 #E95AEB #EB5A5B

monochromatic

#16B564 #23E482 #5AEBA1 #91F2C0 #C7F8DF

Accessibility & contrast

On white

1.52

#5AEBA1 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

13.83

#5AEBA1 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #5AEBA1

13.83:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##5AEBA1	#FFFFFF	#000000	##000000
##5AEBA1	1.00	1.52	13.83	13.83
#FFFFFF	1.52	1.00	21.00	21.00
#000000	13.83	21.00	1.00	1.00
##000000	13.83	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#E9DA9C

Deuteranopia (green-blind)

#D6CCA6

Tritanopia (blue-blind)

#03E9D8

Achromatopsia (no color)

#D2D2D2

Design tokens & code

CSS

--color: #5aeba1;
/* rgb */ color: rgb(90, 235, 161);
/* oklch */ color: oklch(84.3% 0.163 157.5);

Tailwind

colors: {
  custom: {
    50: '#96f2bd',
    500: '#5aeba1',
    950: '#000000',
  },
}

SCSS

$custom: #5aeba1;
$custom-light: #96f2bd;
$custom-dark: #000000;

JSON

{
  "hex": "#5aeba1",
  "rgb": {
    "r": 90,
    "g": 235,
    "b": 161
  },
  "hsl": {
    "h": 149.379,
    "s": 78.378,
    "l": 63.725
  },
  "oklch": {
    "l": 0.84324,
    "c": 0.16332,
    "h": 157.5
  },
  "luminance": 0.64164
}

Semantic roles & 50–950 ramp

primary

#5AEBA1

secondary

#B53576

accent

#0B75DB

background

#FCFFFD

surface

#F5FEF8

border

#CFD6D1

text

#0F1712

muted

#808582

Preview Lab

Preview with #5AEBA1

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

Preview Lab → · Contrast checker → · Palette generator →