#9FA2F2

#9FA2F2

Color Values

HEX

#9FA2F2

RGB

159, 162, 242

HSL

237.8, 76.1%, 78.6%

HSV

237.8, 34.3%, 94.9%

CMYK

34.3%, 33.1%, 0.0%, 5.1%

OKLCH

0.741 0.115 281.6

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#9FA2F2

#F2EF9F

Analogous

#9FCBF2

#C59FF2

#9FA2F2

Triadic

#9FA2F2

#F29FA2

#A2F29F

Split Complementary

#9FA2F2

#F2C59F

#CBF29F

Tetradic

#9FA2F2

#F29FCB

#F2EF9F

#9FF2C5

Color Blindness Simulation

Original

#9FA2F2

Protanopia

#A0A0DF

Deuteranopia

#A0A0DA

Tritanopia

#9FCFCC

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#F2F3FC
100
#E2E2F9
200
#C0C2F6
300
#9397F0
400
#595EE8
500
#1E26E1
600
#181EB4
700
#141890
800
#0F1370
900
#0F1252
950
#0A0B34

Contrast Checker

Text on white

2.35:1

AA Fail AAA Fail

Text on black

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