#062b9b

Color #062b9b

A vivid, highly saturated dark blue.

Closest named color Midnight Blue #191970 · ΔE 16.19 Nearest Tailwind class indigo-900 #312c85 · ΔE 4.7

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

Conversions

HEX

#062b9b

RGB

rgb(6, 43, 155)

HSL

hsl(225.1, 92.5%, 31.6%)

HSV / HSB

hsv(225.1, 96.1%, 60.8%)

CMYK

cmyk(96.1%, 72.3%, 0%, 39.2%)

LAB

lab(24.1, 35.25, -63.05)

LCH

lch(24.1, 72.23, 299.21)

OKLCH

oklch(36%, 0.184, 264.1)

HWB

hwb(225.1, 2.4%, 39.2%)

Harmony colors

Complementary

#9b7606

Analogous

#06769b

#062b9b

#2c069b

Triadic

#062b9b

#9b062b

#2b9b06

Split-complementary

#062b9b

#9b2c06

#769b06

Tetradic

#062b9b

#76069b

#9b7606

#2b9b06

Square

#062b9b

#9b0676

#9b7606

#069b2c

Shades

Color #062b9b mixed toward black.

#052481

#041d67

#03164e

#020e34

#01071a

Tints

Color #062b9b mixed toward white.

#083bd3

#1f55f6

#577ff8

#8faafb

#c7d4fd

Tones

Color #062b9b mixed toward gray.

#12318f

#1f3882

#2b3e76

#384469

#444a5d

Accessibility

Aa White text on this color

11.5:1

Aa Black text on this color

1.83:1

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

Under color vision deficiencies

Protanopia

#1c1c8a · ΔE 4.7

Deuteranopia

#1a1786 · ΔE 5.8

Tritanopia

#0a7a77 · ΔE 38.3

Achromatopsia

#393939 · ΔE 27.6

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

Code

CSS

background-color: #062b9b;

Tailwind (arbitrary value)

bg-[#062b9b]

Related colors

Royal Blue #4169e1

Cornflower Blue #6495ed

Light Steel Blue #b0c4de

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Frequently asked questions

#062b9b (#062b9b) is rgb(6, 43, 155) in RGB.

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

Generate a palette → Check contrast