#96BDCB

#96BDCB

Color Values

HEX

#96BDCB

RGB

150, 189, 203

HSL

195.8, 33.8%, 69.2%

HSV

195.8, 26.1%, 79.6%

CMYK

26.1%, 6.9%, 0.0%, 20.4%

OKLCH

0.7747 0.0462 221.8

Properties

Cool Light Nearest: lightblue 3

Color Harmonies

Complementary

#96BDCB

#CBA496

Analogous

#96CBBE

#96A2CB

#96BDCB

Triadic

#96BDCB

#CB96BD

#BDCB96

Split Complementary

#96BDCB

#CB96A2

#CBBE96

Tetradic

#96BDCB

#BE96CB

#CBA496

#A2CB96

Color Blindness Simulation

Original

#96BDCB

Protanopia

#A7A7C8

Deuteranopia

#A5A2C7

Tritanopia

#98C5C4

Achromatopsia

#B6B6B6

CSS Usage

background-color: #96BDCB;
color: #96BDCB;
border-color: #96BDCB;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F8FA
100
#E8F0F2
200
#CFE1E7
300
#ADCCD6
400
#81B0C1
500
#5494AB
600
#447688
700
#365F6D
800
#2A4A55
900
#22373F
950
#152328

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

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