#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

Фев 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Фев 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Фев 19, 2026