#9AA0CF

#9AA0CF

Color Values

HEX

#9AA0CF

RGB

154, 160, 207

HSL

233.2, 35.6%, 70.8%

HSV

233.2, 25.6%, 81.2%

CMYK

25.6%, 22.7%, 0.0%, 18.8%

OKLCH

0.7178 0.0687 278.8

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#9AA0CF

#CFC99A

Analogous

#9ABBCF

#AF9ACF

#9AA0CF

Triadic

#9AA0CF

#CF9AA0

#A0CF9A

Split Complementary

#9AA0CF

#CFAF9A

#BBCF9A

Tetradic

#9AA0CF

#CF9ABB

#CFC99A

#9ACFAF

Color Blindness Simulation

Original

#9AA0CF

Protanopia

#9D9DC4

Deuteranopia

#9C9CC1

Tritanopia

#9ABBB9

Achromatopsia

#A2A2A2

CSS Usage

background-color: #9AA0CF;
color: #9AA0CF;
border-color: #9AA0CF;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F6FA
100
#E8E9F3
200
#CFD1E8
300
#ACB1D8
400
#7F87C2
500
#525CAD
600
#424A8A
700
#353B6F
800
#292E56
900
#212440
950
#151728

Contrast Checker

Text on white

2.53:1

AA Fail AAA Fail

Text on black

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