#003042

Color #003042

A vivid, highly saturated very dark cyan.

Closest named color Charcoal #36454f · ΔE 13.54 Nearest Tailwind class cyan-950 #053345 · ΔE 1

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

Conversions

HEX

#003042

RGB

rgb(0, 48, 66)

HSL

hsl(196.4, 100%, 12.9%)

HSV / HSB

hsv(196.4, 100%, 25.9%)

CMYK

cmyk(100%, 27.3%, 0%, 74.1%)

LAB

lab(17.95, -7.39, -15.53)

LCH

lch(17.95, 17.2, 244.55)

OKLCH

oklch(28.9%, 0.0575, 229.72)

HWB

hwb(196.4, 0%, 74.1%)

Harmony colors

Complementary

#421200

Analogous

#004233

#003042

#000f42

Triadic

#003042

#420030

#304200

Split-complementary

#003042

#42000f

#423300

Tetradic

#003042

#120042

#421200

#304200

Square

#003042

#330042

#421200

#0f4200

Shades

Color #003042 mixed toward black.

#002837

#00202c

#001821

#001016

#00080b

Tints

Color #003042 mixed toward white.

#00668c

#009bd6

#21c2ff

#6bd7ff

#b5ebff

Tones

Color #003042 mixed toward gray.

#052d3c

#0b2b37

#102831

#16262c

#1b2326

Accessibility

Aa White text on this color

13.99:1

Aa Black text on this color

1.5:1

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

Under color vision deficiencies

Protanopia

#1e1e3e · ΔE 17.5

Deuteranopia

#1b183d · ΔE 18.5

Tritanopia

#053b3a · ΔE 12.2

Achromatopsia

#2c2c2c · ΔE 13.3

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

Code

CSS

background-color: #003042;

Tailwind (arbitrary value)

bg-[#003042]

Related colors

Sky Blue #87ceeb

Deep Sky Blue #00bfff

Light Blue #add8e6

Light Sky Blue #87cefa

Charcoal #36454f

Powder Blue #b0e0e6

Frequently asked questions

#003042 (#003042) is rgb(0, 48, 66) in RGB.

No, #003042 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast