#005cdf

Color #005cdf

A vivid, highly saturated medium blue.

Closest named color Royal Blue #4169e1 · ΔE 9.37 Nearest Tailwind class blue-600 #155dfc · ΔE 4.2

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

Conversions

HEX

#005cdf

RGB

rgb(0, 92, 223)

HSL

hsl(215.2, 100%, 43.7%)

HSV / HSB

hsv(215.2, 100%, 87.5%)

CMYK

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

LAB

lab(42.73, 29.34, -72.49)

LCH

lch(42.73, 78.2, 292.04)

OKLCH

oklch(51.7%, 0.2131, 260.22)

HWB

hwb(215.2, 0%, 12.5%)

Harmony colors

Complementary

#df8300

Analogous

#00ccdf

#005cdf

#1300df

Triadic

#005cdf

#df005c

#5cdf00

Split-complementary

#005cdf

#df1300

#ccdf00

Tetradic

#005cdf

#8300df

#df8300

#5cdf00

Square

#005cdf

#df00cc

#df8300

#00df13

Shades

Color #005cdf mixed toward black.

#004dba

#003d95

#002e6f

#001f4a

#000f25

Tints

Color #005cdf mixed toward white.

#1073ff

#408fff

#6fabff

#9fc7ff

#cfe3ff

Tones

Color #005cdf mixed toward gray.

#135fcc

#2563ba

#3866a7

#4a6995

#5d6c82

Accessibility

Aa White text on this color

5.84:1

Aa Black text on this color

3.6:1

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

Under color vision deficiencies

Protanopia

#3d3dc9 · ΔE 10.9

Deuteranopia

#3832c3 · ΔE 13.5

Tritanopia

#10b5b1 · ΔE 42.2

Achromatopsia

#656565 · ΔE 28.4

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

Code

CSS

background-color: #005cdf;

Tailwind (arbitrary value)

bg-[#005cdf]

Related colors

Light Steel Blue #b0c4de

Cornflower Blue #6495ed

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Alice Blue #f0f8ff

Frequently asked questions

#005cdf (#005cdf) is rgb(0, 92, 223) in RGB.

No, #005cdf 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 #005cdf, or check how it holds up for accessibility.

Generate a palette → Check contrast