#9BC4CC

#9BC4CC

Color Values

HEX

#9BC4CC

RGB

155, 196, 204

HSL

189.8, 32.5%, 70.4%

HSV

189.8, 24.0%, 80.0%

CMYK

24.0%, 3.9%, 0.0%, 20.0%

OKLCH

0.7934 0.0449 210.8

Properties

Cool Light Nearest: lightblue 3

Color Harmonies

Complementary

#9BC4CC

#CCA39B

Analogous

#9BCCBC

#9BACCC

#9BC4CC

Triadic

#9BC4CC

#CC9BC4

#C4CC9B

Split Complementary

#9BC4CC

#CC9BAC

#CCBC9B

Tetradic

#9BC4CC

#BC9BCC

#CCA39B

#ACCC9B

Color Blindness Simulation

Original

#9BC4CC

Protanopia

#ADADCA

Deuteranopia

#AAA7CA

Tritanopia

#9DC9C8

Achromatopsia

#BCBCBC

CSS Usage

background-color: #9BC4CC;
color: #9BC4CC;
border-color: #9BC4CC;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F5F9F9
100
#E8F0F2
200
#D0E3E7
300
#AECFD6
400
#82B5BF
500
#569BA9
600
#457C87
700
#37636C
800
#2B4E54
900
#223A3F
950
#162528

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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