#9DA4FB

#9DA4FB

Color Values

HEX

#9DA4FB

RGB

157, 164, 251

HSL

235.5, 92.2%, 80.0%

HSV

235.5, 37.5%, 98.4%

CMYK

37.5%, 34.7%, 0.0%, 1.6%

OKLCH

0.7477 0.1251 279.4

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#9DA4FB

#FBF49D

Analogous

#9DD3FB

#C59DFB

#9DA4FB

Triadic

#9DA4FB

#FB9DA4

#A4FB9D

Split Complementary

#9DA4FB

#FBC59D

#D3FB9D

Tetradic

#9DA4FB

#FB9DD3

#FBF49D

#9DFBC5

Color Blindness Simulation

Original

#9DA4FB

Protanopia

#A0A0E6

Deuteranopia

#A09FE1

Tritanopia

#9DD5D2

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#F1F2FD
100
#DFE1FB
200
#BABFFC
300
#8992FA
400
#4A57F8
500
#0A1CF5
600
#0816C4
700
#06129D
800
#050E7B
900
#080E59
950
#050938

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

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