Tailwind CSS Colors
Blue 500
#3B82F6Tailwind classes
Backgroundbg-blue-500
Texttext-blue-500
Borderborder-blue-500
Ringring-blue-500
CSS Values
HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
HSL (modern)hsl(217deg 91% 60%)
OKLCHoklch(62.3% 0.188 260deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 3.68:1AA: FailAAA: FailAA Large: Pass
AaText on black
Ratio: 5.71:1AA: PassAAA: FailAA Large: Pass
Other Blue shades
Nearest Named Colors
See allBootstrap 5blue-400
Material Designblue-a200
Radix Colorsblue-10
Ant Designgeekblue-5
Open Colorindigo-5
CSS Nameddodgerblue
iOS HIGsystem-blue
Crayolablue
Munsell10B-6-8
RAL Classic5012