#96AFB4

#96AFB4

Color Values

HEX

#96AFB4

RGB

150, 175, 180

HSL

190.0, 16.7%, 64.7%

HSV

190.0, 16.7%, 70.6%

CMYK

16.7%, 2.8%, 0.0%, 29.4%

OKLCH

0.7366 0.0285 211.1

Properties

Cool Light Nearest: lightblue 3

Color Harmonies

Complementary

#96AFB4

#B49B96

Analogous

#96B4AA

#96A0B4

#96AFB4

Triadic

#96AFB4

#B496AF

#AFB496

Split Complementary

#96AFB4

#B496A0

#B4AA96

Tetradic

#96AFB4

#AA96B4

#B49B96

#A0B496

Color Blindness Simulation

Original

#96AFB4

Protanopia

#A1A1B3

Deuteranopia

#9F9EB2

Tritanopia

#97B2B2

Achromatopsia

#AAAAAA

CSS Usage

background-color: #96AFB4;
color: #96AFB4;
border-color: #96AFB4;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F8F8
100
#EBEFF0
200
#D5DFE1
300
#B8C9CC
400
#91ABB0
500
#6A8E95
600
#557177
700
#445B5F
800
#35474A
900
#293538
950
#1A2223

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

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