Material Design Colors
Blue 400
#42A5F5CSS Values
HEX#42A5F5
RGBrgb(66, 165, 245)
HSLhsl(207, 90%, 61%)
HSL (modern)hsl(207deg 90% 61%)
OKLCHoklch(70% 0.1488 247deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 2.65:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 7.93:1AA: PassAAA: PassAA Large: Pass
Other Blue shades
Accent shades
Nearest Named Colors
See allOpen Colorblue-4
Tailwind CSSblue-400
iOS HIGsystem-cyan
Bootstrap 5blue-300
Radix Colorsblue-8
CSS Namedcornflowerblue
Ant Designblue-5
Crayolacerulean
Munsell5B-6-8
RAL Classic5012