#9BA2FA

#9BA2FA

Color Values

HEX

#9BA2FA

RGB

155, 162, 250

HSL

235.6, 90.5%, 79.4%

HSV

235.6, 38.0%, 98.0%

CMYK

38.0%, 35.2%, 0.0%, 2.0%

OKLCH

0.7419 0.1268 279.4

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#9BA2FA

#FAF39B

Analogous

#9BD1FA

#C39BFA

#9BA2FA

Triadic

#9BA2FA

#FA9BA2

#A2FA9B

Split Complementary

#9BA2FA

#FAC39B

#D1FA9B

Tetradic

#9BA2FA

#FA9BD1

#FAF39B

#9BFAC3

Color Blindness Simulation

Original

#9BA2FA

Protanopia

#9E9EE5

Deuteranopia

#9E9DE0

Tritanopia

#9BD4D0

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#F1F2FD
100
#DFE1FB
200
#BBC0FC
300
#8A93F9
400
#4B58F6
500
#0C1DF3
600
#0A17C2
700
#08139B
800
#060F79
900
#090F58
950
#060938

Contrast Checker

Text on white

2.35:1

AA Fail AAA Fail

Text on black

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