#96A2BC

#96A2BC

Color Values

HEX

#96A2BC

RGB

150, 162, 188

HSL

221.1, 22.1%, 66.3%

HSV

221.1, 20.2%, 73.7%

CMYK

20.2%, 13.8%, 0.0%, 26.3%

OKLCH

0.7115 0.0404 265.7

Properties

Cool Light Nearest: Wild Blue Yonder

Color Harmonies

Complementary

#96A2BC

#BCB096

Analogous

#96B5BC

#9D96BC

#96A2BC

Triadic

#96A2BC

#BC96A2

#A2BC96

Split Complementary

#96A2BC

#BC9D96

#B5BC96

Tetradic

#96A2BC

#BC96B5

#BCB096

#96BC9D

Color Blindness Simulation

Original

#96A2BC

Protanopia

#9B9BB6

Deuteranopia

#9A9AB4

Tritanopia

#97B1B0

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAECF1
200
#D3D8E3
300
#B4BDCF
400
#8C99B6
500
#63759C
600
#4F5E7D
700
#404B64
800
#323B4E
900
#272D3A
950
#191C25

Contrast Checker

Text on white

2.56:1

AA Fail AAA Fail

Text on black

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