#9FA4F3

#9FA4F3

Color Values

HEX

#9FA4F3

RGB

159, 164, 243

HSL

236.4, 77.8%, 78.8%

HSV

236.4, 34.6%, 95.3%

CMYK

34.6%, 32.5%, 0.0%, 4.7%

OKLCH

0.7454 0.1136 280.5

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#9FA4F3

#F3EE9F

Analogous

#9FCEF3

#C49FF3

#9FA4F3

Triadic

#9FA4F3

#F39FA4

#A4F39F

Split Complementary

#9FA4F3

#F3C49F

#CEF39F

Tetradic

#9FA4F3

#F39FCE

#F3EE9F

#9FF3C4

Color Blindness Simulation

Original

#9FA4F3

Protanopia

#A1A1E0

Deuteranopia

#A1A0DB

Tritanopia

#9FD1CD

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#F2F3FC
100
#E1E3F9
200
#C0C3F7
300
#9298F1
400
#5760EA
500
#1C28E3
600
#1720B5
700
#121A91
800
#0E1471
900
#0F1352
950
#090C34

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

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