Tailwind CSS Colors
Blue 700
#1D4ED8Tailwind classes
Backgroundbg-blue-700
Texttext-blue-700
Borderborder-blue-700
Ringring-blue-700
CSS Values
HEX#1D4ED8
RGBrgb(29, 78, 216)
HSLhsl(224, 76%, 48%)
HSL (modern)hsl(224deg 76% 48%)
OKLCHoklch(48.8% 0.2172 264deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 6.7:1AA: PassAAA: FailAA Large: Pass
AaText on black
Ratio: 3.13:1AA: FailAAA: FailAA Large: Pass
Other Blue shades
Nearest Named Colors
See allAnt Designblue-7
Bootstrap 5blue-600
Radix Colorsindigo-10
Open Colorindigo-9
iOS HIGaccessible-blue
Material Designindigo-a700
Munsell10B-5-10
CSS Namedroyalblue
Crayoladenim
RAL Classic5015