#9DCF9C

#9DCF9C

Color Values

HEX

#9DCF9C

RGB

157, 207, 156

HSL

118.8, 34.7%, 71.2%

HSV

118.8, 24.6%, 81.2%

CMYK

24.2%, 0.0%, 24.6%, 18.8%

OKLCH

0.806 0.088 144.2

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#9DCF9C

#CE9CCF

Analogous

#B7CF9C

#9CCFB5

#9DCF9C

Triadic

#9DCF9C

#9C9DCF

#CF9C9D

Split Complementary

#9DCF9C

#B59CCF

#CF9CB7

Tetradic

#9DCF9C

#9CB7CF

#CE9CCF

#CFB59C

Color Blindness Simulation

Original

#9DCF9C

Protanopia

#B3B3A8

Deuteranopia

#B0ACAB

Tritanopia

#A0B2B4

Achromatopsia

#C1C1C1

CSS Usage

background-color: #9DCF9C;
color: #9DCF9C;
border-color: #9DCF9C;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F5FAF5
100
#E8F2E8
200
#CFE8CF
300
#ADD7AD
400
#81C180
500
#55AC53
600
#448943
700
#366E35
800
#2B562A
900
#224021
950
#152815

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

11.84: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