#96BBC7

#96BBC7

Color Values

HEX

#96BBC7

RGB

150, 187, 199

HSL

194,7, 30,4%, 68,4%

HSV

194,7, 24,6%, 78,0%

CMYK

24,6%, 6,0%, 0,0%, 22,0%

OKLCH

0,769 0,0433 219,6

Properties

Cool Light Nearest: lightblue 3

Color Harmonies

Complementary

#96BBC7

#C7A296

Analogous

#96C7BA

#96A2C7

#96BBC7

Triadic

#96BBC7

#C796BB

#BBC796

Split Complementary

#96BBC7

#C796A2

#C7BA96

Tetradic

#96BBC7

#BA96C7

#C7A296

#A2C796

Color Blindness Simulation

Original

#96BBC7

Protanopia

#A6A6C4

Deuteranopia

#A4A1C3

Tritanopia

#98C2C1

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E9F0F2
200
#D0E1E6
300
#AFCBD4
400
#84AFBD
500
#5993A6
600
#477685
700
#395E6A
800
#2C4A53
900
#23373E
950
#162327

Contrast Checker

Text on white

2,05:1

AA Fail AAA Fail

Text on black

10,23:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026
Tutorials

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

يناير 18, 2026