Material Design Colors

Blue 700

#1976D2

CSS Values

HEX#1976D2

RGBrgb(25, 118, 210)

HSLhsl(210, 79%, 46%)

HSL (modern)hsl(210deg 79% 46%)

OKLCHoklch(56.5% 0.1633 253deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white

Ratio: 4.6:1AA: PassAAA: FailAA Large: Pass

AaText on black

Ratio: 4.56:1AA: PassAAA: FailAA Large: Pass

Other Blue shades

50 100 200 300 400 500 600 800 900

Accent shades

A100 A200 A400 A700

Nearest Named Colors

Crayola

navy-blue#1974D2

Radix Colors

blue-11#0D74CE

Open Color

blue-7#1C7ED6

Munsell

10B-6-8#4878C8

Tailwind CSS

sky-600#0284C7

CSS Named

royalblue#4169E1

RAL Classic

5015#2271B3

iOS HIG

system-blue#007AFF

Ant Design

blue-6#1677FF

Bootstrap 5

blue-500#0D6EFD