#909ADF

#909ADF

Color Values

HEX

#909ADF

RGB

144, 154, 223

HSL

232.4, 55.2%, 72.0%

HSV

232.4, 35.4%, 87.5%

CMYK

35.4%, 30.9%, 0.0%, 12.5%

OKLCH

0.7052 0.1016 277.1

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#909ADF

#DFD590

Analogous

#90C2DF

#AE90DF

#909ADF

Triadic

#909ADF

#DF909A

#9ADF90

Split Complementary

#909ADF

#DFAE90

#C2DF90

Tetradic

#909ADF

#DF90C2

#DFD590

#90DFAE

Color Blindness Simulation

Original

#909ADF

Protanopia

#9494CE

Deuteranopia

#9493CA

Tritanopia

#90C1BE

Achromatopsia

#9D9D9D

CSS Usage

background-color: #909ADF;
color: #909ADF;
border-color: #909ADF;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F4F5FB
100
#E5E7F6
200
#C8CDEF
300
#A0A9E4
400
#6D7AD5
500
#394BC6
600
#2E3C9E
700
#25307F
800
#1D2563
900
#181E49
950
#0F132E

Contrast Checker

Text on white

2.67:1

AA Fail AAA Fail

Text on black

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