#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026