#96CBC9

#96CBC9

Color Values

HEX

#96CBC9

RGB

150, 203, 201

HSL

177.7, 33.8%, 69.2%

HSV

177.7, 26.1%, 79.6%

CMYK

26.1%, 0.0%, 1.0%, 20.4%

OKLCH

0.8048 0.055 193.2

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#96CBC9

#CB9698

Analogous

#96CBAE

#96B2CB

#96CBC9

Triadic

#96CBC9

#C996CB

#CBC996

Split Complementary

#96CBC9

#CB96B2

#CBAE96

Tetradic

#96CBC9

#AE96CB

#CB9698

#B2CB96

Color Blindness Simulation

Original

#96CBC9

Protanopia

#ADADC9

Deuteranopia

#AAA6CA

Tritanopia

#99CACA

Achromatopsia

#C0C0C0

CSS Usage

background-color: #96CBC9;
color: #96CBC9;
border-color: #96CBC9;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F5FAF9
100
#E8F2F2
200
#CFE7E6
300
#ADD6D5
400
#81C1BE
500
#54ABA7
600
#448886
700
#366D6B
800
#2A5554
900
#223F3E
950
#152827

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

11.68:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026