Tailwind CSS Colors
Blue 400
#60A5FATailwind classes
Backgroundbg-blue-400
Texttext-blue-400
Borderborder-blue-400
Ringring-blue-400
CSS Values
HEX#60A5FA
RGBrgb(96, 165, 250)
HSLhsl(213, 94%, 68%)
HSL (modern)hsl(213deg 94% 68%)
OKLCHoklch(71.4% 0.1434 255deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 2.54:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 8.26:1AA: PassAAA: PassAA Large: Pass
Other Blue shades
Nearest Named Colors
See allBootstrap 5blue-300
Open Colorblue-4
Material Designblue-400
Ant Designblue-4
Radix Colorsblue-8
CSS Namedcornflowerblue
iOS HIGsystem-cyan
Munsell5PB-7-8
Crayolacerulean
RAL Classic6034