Material Design Colors

Light Blue 700

#0288D1

CSS Values

HEX#0288D1

RGBrgb(2, 136, 209)

HSLhsl(201, 98%, 41%)

HSL (modern)hsl(201deg 98% 41%)

OKLCHoklch(60.3% 0.1466 243deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white

Ratio: 3.86:1AA: FailAAA: FailAA Large: Pass

AaText on black

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

Other Light Blue shades

50 100 200 300 400 500 600 800 900

Accent shades

A100 A200 A400 A700

Nearest Named Colors

Tailwind CSS

sky-600#0284C7

Open Color

blue-7#1C7ED6

RAL Classic

5012#3B83BD

Munsell

5B-5-10#2088B8

Radix Colors

blue-10#0588F0

iOS HIG

accessible-cyan#1599D5

CSS Named

steelblue#4682B4

Crayola

navy-blue#1974D2

Bootstrap 5

blue-400#3D8BFD

Ant Design

blue-5#4096FF