#96AFDA

#96AFDA

Color Values

HEX

#96AFDA

RGB

150, 175, 218

HSL

217,9, 47,9%, 72,2%

HSV

217,9, 31,2%, 85,5%

CMYK

31,2%, 19,7%, 0,0%, 14,5%

OKLCH

0,7504 0,0683 261,2

Properties

Cool Light Nearest: Wild Blue Yonder

Color Harmonies

Complementary

#96AFDA

#DAC196

Analogous

#96D1DA

#9F96DA

#96AFDA

Triadic

#96AFDA

#DA96AF

#AFDA96

Split Complementary

#96AFDA

#DA9F96

#D1DA96

Tetradic

#96AFDA

#DA96D1

#DAC196

#96DA9F

Color Blindness Simulation

Original

#96AFDA

Protanopia

#A1A1D0

Deuteranopia

#9F9ECD

Tritanopia

#97C7C6

Achromatopsia

#ADADAD

CSS Usage

background-color: #96AFDA;
color: #96AFDA;
border-color: #96AFDA;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F4F7FA
100
#E6EBF4
200
#CAD7EC
300
#A4BADF
400
#7395CE
500
#426FBD
600
#355997
700
#2B4779
800
#21385E
900
#1C2B45
950
#111B2C

Contrast Checker

Text on white

2,22:1

AA Fail AAA Fail

Text on black

9,44: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