#0070df

Color #0070df

A vivid, highly saturated medium blue.

Closest named color Royal Blue #4169e1 · ΔE 9.99 Nearest Tailwind class blue-500 #2b7fff · ΔE 6.9

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#0070df

RGB

rgb(0, 112, 223)

HSL

hsl(209.9, 100%, 43.7%)

HSV / HSB

hsv(209.9, 100%, 87.5%)

CMYK

cmyk(100%, 49.8%, 0%, 12.5%)

LAB

lab(48.15, 16.4, -63.68)

LCH

lch(48.15, 65.76, 284.44)

OKLCH

oklch(55.8%, 0.1894, 255.85)

HWB

hwb(209.9, 0%, 12.5%)

Harmony colors

Complementary

#df6f00

Analogous

#00dfde

#0070df

#0000df

Triadic

#0070df

#df0070

#70df00

Split-complementary

#0070df

#df0000

#dfde00

Tetradic

#0070df

#6f00df

#df6f00

#70df00

Square

#0070df

#de00df

#df6f00

#00df00

Shades

Color #0070df mixed toward black.

#005dba

#004b95

#00386f

#00254a

#001325

Tints

Color #0070df mixed toward white.

#1088ff

#40a0ff

#6fb7ff

#9fcfff

#cfe7ff

Tones

Color #0070df mixed toward gray.

#1370cc

#2570ba

#3870a7

#4a7095

#5d6f82

Accessibility

Aa White text on this color

4.79:1

Aa Black text on this color

4.38:1

White text reads better on this background (4.79:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#4b4ccb · ΔE 14.8

Deuteranopia

#463ec6 · ΔE 18.3

Tritanopia

#16bab5 · ΔE 37.7

Achromatopsia

#727272 · ΔE 26.5

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #0070df;

Tailwind (arbitrary value)

bg-[#0070df]

Related colors

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Alice Blue #f0f8ff

Steel Blue #4682b4

Light Steel Blue #b0c4de

Frequently asked questions

#0070df (#0070df) is rgb(0, 112, 223) in RGB.

No, #0070df is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #0070df, or check how it holds up for accessibility.

Generate a palette → Check contrast