#5AE86C

#5AE86C

Color Values

HEX

#5AE86C

RGB

90, 232, 108

HSL

127.6, 75.5%, 63.1%

HSV

127.6, 61.2%, 91.0%

CMYK

61.2%, 0.0%, 53.4%, 9.0%

OKLCH

0.8268 0.2063 145.6

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#5AE86C

#E85AD6

Analogous

#8FE85A

#5AE8B3

#5AE86C

Triadic

#5AE86C

#6C5AE8

#E86C5A

Split Complementary

#5AE86C

#B35AE8

#E85A8F

Tetradic

#5AE86C

#5A8FE8

#E85AD6

#E8B35A

Color Blindness Simulation

Original

#5AE86C

Protanopia

#98998A

Deuteranopia

#8F8591

Tritanopia

#61A2A7

Achromatopsia

#C1C1C1

CSS Usage

background-color: #5AE86C;
color: #5AE86C;
border-color: #5AE86C;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FCF4
100
#E2F9E5
200
#C0F6C7
300
#94F09F
400
#59E86B
500
#1FE038
600
#19B32C
700
#148F24
800
#10701C
900
#105118
950
#0A330F

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

13.19:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026