#90CD96

#90CD96

Color Values

HEX

#90CD96

RGB

144, 205, 150

HSL

125,9, 37,9%, 68,4%

HSV

125,9, 29,8%, 80,4%

CMYK

29,8%, 0,0%, 26,8%, 19,6%

OKLCH

0,7923 0,0994 147,0

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#90CD96

#CD90C7

Analogous

#A8CD90

#90CDB4

#90CD96

Triadic

#90CD96

#9690CD

#CD9690

Split Complementary

#90CD96

#B490CD

#CD90A8

Tetradic

#90CD96

#90A8CD

#CD90C7

#CDB490

Color Blindness Simulation

Original

#90CD96

Protanopia

#AAABA3

Deuteranopia

#A7A2A6

Tritanopia

#93AEB0

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F3E9
200
#CEE9D0
300
#ABD9AF
400
#7DC484
500
#4FB059
600
#3F8D47
700
#337139
800
#28582C
900
#204123
950
#142916

Contrast Checker

Text on white

1,85:1

AA Fail AAA Fail

Text on black

11,36:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026