#062fd6

Color #062fd6

A vivid, highly saturated medium blue.

Closest named color Medium Blue #0000cd · ΔE 16.09 Nearest Tailwind class indigo-700 #432dd7 · ΔE 3.5

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

Conversions

HEX

#062fd6

RGB

rgb(6, 47, 214)

HSL

hsl(228.2, 94.5%, 43.1%)

HSV / HSB

hsv(228.2, 97.2%, 83.9%)

CMYK

cmyk(97.2%, 78%, 0%, 16.1%)

LAB

lab(31.64, 53.77, -85.62)

LCH

lch(31.64, 101.1, 302.13)

OKLCH

oklch(43.3%, 0.2495, 264.48)

HWB

hwb(228.2, 2.4%, 16.1%)

Harmony colors

Complementary

#d6ad06

Analogous

#0697d6

#062fd6

#4506d6

Triadic

#062fd6

#d6062f

#2fd606

Split-complementary

#062fd6

#d64506

#97d606

Tetradic

#062fd6

#ad06d6

#d6ad06

#2fd606

Square

#062fd6

#d60697

#d6ad06

#06d645

Shades

Color #062fd6 mixed toward black.

#0527b2

#041f8f

#03176b

#021047

#010824

Tints

Color #062fd6 mixed toward white.

#1441f8

#4367fa

#728dfb

#a1b3fc

#d0d9fe

Tones

Color #062fd6 mixed toward gray.

#1739c4

#2944b3

#3a4ea2

#4b5991

#5d637f

Accessibility

Aa White text on this color

8.8:1

Aa Black text on this color

2.39:1

White text reads better on this background (8.8:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#1f1fbe · ΔE 4.6

Deuteranopia

#1c19b8 · ΔE 5.9

Tritanopia

#0aa8a3 · ΔE 48.9

Achromatopsia

#4a4a4a · ΔE 30.9

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

Code

CSS

background-color: #062fd6;

Tailwind (arbitrary value)

bg-[#062fd6]

Related colors

Royal Blue #4169e1

Cornflower Blue #6495ed

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Dark Blue #00008b

Frequently asked questions

#062fd6 (#062fd6) is rgb(6, 47, 214) in RGB.

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

Generate a palette → Check contrast