Tailwind CSS Colors

Blue 900

#1E3A8A

Tailwind classes

Backgroundbg-blue-900
Texttext-blue-900
Borderborder-blue-900
Ringring-blue-900

CSS Values

HEX#1E3A8A
RGBrgb(30, 58, 138)
HSLhsl(224, 64%, 33%)
HSL (modern)hsl(224deg 64% 33%)
OKLCHoklch(37.9% 0.1378 266deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 10.36:1AA: PassAAA: PassAA Large: Pass
AaText on black
Ratio: 2.03:1AA: FailAAA: FailAA Large: Fail

Other Blue shades

Nearest Named Colors

See all
Munsell
5PB-3-10
Material Design
indigo-800
Bootstrap 5
blue-700
Ant Design
blue-9
RAL Classic
5017
iOS HIG
accessible-indigo
Crayola
midnight-blue
CSS Named
darkslateblue
Radix Colors
blue-12
Open Color
indigo-9