#9CCFCC

#9CCFCC

Color Values

HEX

#9CCFCC

RGB

156, 207, 204

HSL

176.5, 34.7%, 71.2%

HSV

176.5, 24.6%, 81.2%

CMYK

24.6%, 0.0%, 1.4%, 18.8%

OKLCH

0.8181 0.0531 191.6

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#9CCFCC

#CF9C9F

Analogous

#9CCFB3

#9CB9CF

#9CCFCC

Triadic

#9CCFCC

#CC9CCF

#CFCC9C

Split Complementary

#9CCFCC

#CF9CB9

#CFB39C

Tetradic

#9CCFCC

#B39CCF

#CF9C9F

#B9CF9C

Color Blindness Simulation

Original

#9CCFCC

Protanopia

#B2B3CD

Deuteranopia

#AFABCD

Tritanopia

#9FCDCD

Achromatopsia

#C4C4C4

CSS Usage

background-color: #9CCFCC;
color: #9CCFCC;
border-color: #9CCFCC;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F5FAF9
100
#E8F2F2
200
#CFE8E6
300
#ADD7D5
400
#80C1BE
500
#53ACA7
600
#438985
700
#356E6B
800
#2A5653
900
#21403E
950
#152827

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

12.21:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026