#9FA4FB

#9FA4FB

Color Values

HEX

#9FA4FB

RGB

159, 164, 251

HSL

236.7, 92.0%, 80.4%

HSV

236.7, 36.7%, 98.4%

CMYK

36.7%, 34.7%, 0.0%, 1.6%

OKLCH

0.7492 0.1248 280.4

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#9FA4FB

#FBF69F

Analogous

#9FD2FB

#C89FFB

#9FA4FB

Triadic

#9FA4FB

#FB9FA4

#A4FB9F

Split Complementary

#9FA4FB

#FBC89F

#D2FB9F

Tetradic

#9FA4FB

#FB9FD2

#FBF69F

#9FFBC8

Color Blindness Simulation

Original

#9FA4FB

Protanopia

#A1A1E6

Deuteranopia

#A1A0E1

Tritanopia

#9FD5D2

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#F1F2FD
100
#DFE1FB
200
#BABEFC
300
#8990FA
400
#4A53F7
500
#0A17F5
600
#0812C4
700
#070F9D
800
#050C7A
900
#080D59
950
#050838

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

9.18:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026