#9FB4F2

#9FB4F2

Color Values

HEX

#9FB4F2

RGB

159, 180, 242

HSL

224.8, 76.1%, 78.6%

HSV

224.8, 34.3%, 94.9%

CMYK

34.3%, 25.6%, 0.0%, 5.1%

OKLCH

0.7768 0.092 269.7

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#9FB4F2

#F2DD9F

Analogous

#9FDDF2

#B39FF2

#9FB4F2

Triadic

#9FB4F2

#F29FB4

#B4F29F

Split Complementary

#9FB4F2

#F2B39F

#DDF29F

Tetradic

#9FB4F2

#F29FDD

#F2DD9F

#9FF2B3

Color Blindness Simulation

Original

#9FB4F2

Protanopia

#A8A8E3

Deuteranopia

#A7A5DF

Tritanopia

#A0D7D5

Achromatopsia

#B4B4B4

CSS Usage

background-color: #9FB4F2;
color: #9FB4F2;
border-color: #9FB4F2;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F2F5FC
100
#E2E7F9
200
#C0CEF6
300
#93ABF0
400
#597DE8
500
#1E50E1
600
#1840B4
700
#143390
800
#0F2870
900
#0F2052
950
#0A1434

Contrast Checker

Text on white

2.04:1

AA Fail AAA Fail

Text on black

10.28:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026