#9CD6D2

#9CD6D2

Color Values

HEX

#9CD6D2

RGB

156, 214, 210

HSL

175.9, 41.4%, 72.5%

HSV

175.9, 27.1%, 83.9%

CMYK

27.1%, 0.0%, 1.9%, 16.1%

OKLCH

0.8353 0.0596 190.7

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#9CD6D2

#D69CA0

Analogous

#9CD6B5

#9CBDD6

#9CD6D2

Triadic

#9CD6D2

#D29CD6

#D6D29C

Split Complementary

#9CD6D2

#D69CBD

#D6B59C

Tetradic

#9CD6D2

#B59CD6

#D69CA0

#BDD69C

Color Blindness Simulation

Original

#9CD6D2

Protanopia

#B5B6D3

Deuteranopia

#B2ADD3

Tritanopia

#9FD4D4

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E7F3F3
200
#CDEAE8
300
#A8DBD8
400
#7AC8C2
500
#4BB4AD
600
#3C908A
700
#30736F
800
#255A57
900
#1E4340
950
#132A28

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

12.96:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026