#06152e

Color #06152e

A vivid, highly saturated very dark blue.

Closest named color Black #000000 · ΔE 20.33 Nearest Tailwind class slate-900 #0f172b · ΔE 2.5

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

Conversions

HEX

#06152e

RGB

rgb(6, 21, 46)

HSL

hsl(217.5, 76.9%, 10.2%)

HSV / HSB

hsv(217.5, 87%, 18%)

CMYK

cmyk(87%, 54.3%, 0%, 82%)

LAB

lab(6.98, 4.19, -18.63)

LCH

lch(6.98, 19.1, 282.68)

OKLCH

oklch(19.9%, 0.0545, 259.43)

HWB

hwb(217.5, 2.4%, 82%)

Harmony colors

Complementary

#2e1f06

Analogous

#06292e

#06152e

#0b062e

Triadic

#06152e

#2e0615

#152e06

Split-complementary

#06152e

#2e0b06

#292e06

Tetradic

#06152e

#1f062e

#2e1f06

#152e06

Square

#06152e

#2e0629

#2e1f06

#062e0b

Shades

Color #06152e mixed toward black.

#051226

#040e1f

#030b17

#02070f

#010408

Tints

Color #06152e mixed toward white.

#0f3472

#1853b5

#3476e5

#78a4ed

#bbd1f6

Tones

Color #06152e mixed toward gray.

#09162b

#0d1727

#101824

#131821

#17191d

Accessibility

Aa White text on this color

18.19:1

Aa Black text on this color

1.15:1

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

Under color vision deficiencies

Protanopia

#0e0e29 · ΔE 4.6

Deuteranopia

#0d0c28 · ΔE 4.8

Tritanopia

#072524 · ΔE 19.3

Achromatopsia

#151515 · ΔE 13.6

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

Code

CSS

background-color: #06152e;

Tailwind (arbitrary value)

bg-[#06152e]

Related colors

Cornflower Blue #6495ed

Light Steel Blue #b0c4de

Royal Blue #4169e1

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Frequently asked questions

#06152e (#06152e) is rgb(6, 21, 46) in RGB.

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

Generate a palette → Check contrast