#96AFCF

#96AFCF

Color Values

HEX

#96AFCF

RGB

150, 175, 207

HSL

213.7, 37.3%, 70.0%

HSV

213.7, 27.5%, 81.2%

CMYK

27.5%, 15.5%, 0.0%, 18.8%

OKLCH

0.7461 0.0541 254.7

Properties

Cool Light Nearest: Wild Blue Yonder

Color Harmonies

Complementary

#96AFCF

#CFB696

Analogous

#96CCCF

#9996CF

#96AFCF

Triadic

#96AFCF

#CF96AF

#AFCF96

Split Complementary

#96AFCF

#CF9996

#CCCF96

Tetradic

#96AFCF

#CF96CC

#CFB696

#96CF99

Color Blindness Simulation

Original

#96AFCF

Protanopia

#A1A1C7

Deuteranopia

#9F9EC5

Tritanopia

#97C1C0

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7ECF3
200
#CEDAE9
300
#ABBFD9
400
#7D9CC4
500
#507AAF
600
#40618C
700
#334E70
800
#283D58
900
#202E41
950
#141D29

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

9.33:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026