#5AE786

#5AE786

Color Values

HEX

#5AE786

RGB

90, 231, 134

HSL

138.7, 74.6%, 62.9%

HSV

138.7, 61.0%, 90.6%

CMYK

61.0%, 0.0%, 42.0%, 9.4%

OKLCH

0.8282 0.1822 150.6

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#5AE786

#E75ABB

Analogous

#74E75A

#5AE7CC

#5AE786

Triadic

#5AE786

#865AE7

#E7865A

Split Complementary

#5AE786

#CC5AE7

#E75A74

Tetradic

#5AE786

#5A74E7

#E75ABB

#E7CC5A

Color Blindness Simulation

Original

#5AE786

Protanopia

#97989D

Deuteranopia

#8F84A3

Tritanopia

#61B0B4

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F2FCF6
100
#E2F8E9
200
#C1F6D1
300
#94EFB1
400
#5AE786
500
#20DF5C
600
#1AB249
700
#158E3B
800
#106F2E
900
#105124
950
#0A3317

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

13.21:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026