Material Design Colors
Blue 500
#2196F3CSS Values
HEX#2196F3
RGBrgb(33, 150, 243)
HSLhsl(207, 90%, 54%)
HSL (modern)hsl(207deg 90% 54%)
OKLCHoklch(65.8% 0.169 249deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 3.12:1AA: FailAAA: FailAA Large: Pass
AaText on black
Ratio: 6.72:1AA: PassAAA: FailAA Large: Pass
Other Blue shades
Accent shades
Nearest Named Colors
See allOpen Colorblue-5
Ant Designblue-5
CSS Nameddodgerblue
Radix Colorsblue-9
Bootstrap 5blue-400
Tailwind CSSsky-500
iOS HIGaccessible-cyan
Munsell10B-7-6
Crayolacerulean
RAL Classic5012