#96AFD4

#96AFD4

Color Values

HEX

#96AFD4

RGB

150, 175, 212

HSL

215.8, 41.9%, 71.0%

HSV

215.8, 29.2%, 83.1%

CMYK

29.2%, 17.5%, 0.0%, 16.9%

OKLCH

0.748 0.0604 258.1

Properties

Cool Light Nearest: Wild Blue Yonder

Color Harmonies

Complementary

#96AFD4

#D4BB96

Analogous

#96CED4

#9C96D4

#96AFD4

Triadic

#96AFD4

#D496AF

#AFD496

Split Complementary

#96AFD4

#D49C96

#CED496

Tetradic

#96AFD4

#D496CE

#D4BB96

#96D49C

Color Blindness Simulation

Original

#96AFD4

Protanopia

#A1A1CB

Deuteranopia

#9F9EC9

Tritanopia

#97C4C2

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7ECF4
200
#CCD8EA
300
#A8BDDB
400
#7999C8
500
#4A75B5
600
#3B5E91
700
#2F4B74
800
#253B5A
900
#1E2D43
950
#131C2A

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

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