#90EB97

#90EB97

Color Values

HEX

#90EB97

RGB

144, 235, 151

HSL

124.6, 69.5%, 74.3%

HSV

124.6, 38.7%, 92.2%

CMYK

38.7%, 0.0%, 35.7%, 7.8%

OKLCH

0.8622 0.1446 145.9

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#90EB97

#EB90E4

Analogous

#B6EB90

#90EBC4

#90EB97

Triadic

#90EB97

#9790EB

#EB9790

Split Complementary

#90EB97

#C490EB

#EB90B6

Tetradic

#90EB97

#90B6EB

#EB90E4

#EBC490

Color Blindness Simulation

Original

#90EB97

Protanopia

#B7B8AB

Deuteranopia

#B2ABB0

Tritanopia

#95BBBF

Achromatopsia

#D2D2D2

CSS Usage

background-color: #90EB97;
color: #90EB97;
border-color: #90EB97;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F3FCF4
100
#E3F8E4
200
#C2F4C6
300
#97EC9E
400
#5FE269
500
#27D834
600
#1FAD2A
700
#198A22
800
#136C1A
900
#124F17
950
#0B320E

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

14.52:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026