#96ADB0

#96ADB0

Color Values

HEX

#96ADB0

RGB

150, 173, 176

HSL

186.9, 14.1%, 63.9%

HSV

186.9, 14.8%, 69.0%

CMYK

14.8%, 1.7%, 0.0%, 31.0%

OKLCH

0.731 0.0259 206.2

Properties

Cool Light Nearest: RAL 7040 Window Grey

Color Harmonies

Complementary

#96ADB0

#B09996

Analogous

#96B0A6

#96A0B0

#96ADB0

Triadic

#96ADB0

#B096AD

#ADB096

Split Complementary

#96ADB0

#B096A0

#B0A696

Tetradic

#96ADB0

#A696B0

#B09996

#A0B096

Color Blindness Simulation

Original

#96ADB0

Protanopia

#A0A0AF

Deuteranopia

#9F9DAF

Tritanopia

#97AFAF

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFEF
200
#D6DFE0
300
#B9C8CA
400
#93ABAE
500
#6E8D91
600
#587174
700
#465A5D
800
#374749
900
#2A3537
950
#1B2222

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

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