#1c3538

Color #1c3538

A muted very dark cyan.

Closest named color Charcoal #36454f · ΔE 10.16 Nearest Tailwind class teal-950 #022f2e · ΔE 5.8

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

Conversions

HEX

#1c3538

RGB

rgb(28, 53, 56)

HSL

hsl(186.4, 33.3%, 16.5%)

HSV / HSB

hsv(186.4, 50%, 22%)

CMYK

cmyk(50%, 5.4%, 0%, 78%)

LAB

lab(20.36, -8.69, -4.92)

LCH

lch(20.36, 9.99, 209.52)

OKLCH

oklch(31%, 0.0314, 205.5)

HWB

hwb(186.4, 11%, 78%)

Harmony colors

Complementary

#381f1c

Analogous

#1c382d

#1c3538

#1c2738

Triadic

#1c3538

#381c35

#35381c

Split-complementary

#1c3538

#381c27

#382d1c

Tetradic

#1c3538

#1f1c38

#381f1c

#35381c

Square

#1c3538

#2d1c38

#381f1c

#27381c

Shades

Color #1c3538 mixed toward black.

#172c2f

#132325

#0e1b1c

#091213

#050909

Tints

Color #1c3538 mixed toward white.

#346267

#4b8f97

#71b0b8

#a0cbd0

#d0e5e7

Tones

Color #1c3538 mixed toward gray.

#1e3336

#213133

#233031

#252e2f

#282c2c

Accessibility

Aa White text on this color

13:1

Aa Black text on this color

1.62:1

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

Under color vision deficiencies

Protanopia

#292937 · ΔE 15.3

Deuteranopia

#272537 · ΔE 17.9

Tritanopia

#1e3737 · ΔE 2

Achromatopsia

#313131 · ΔE 10.6

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

Code

CSS

background-color: #1c3538;

Tailwind (arbitrary value)

bg-[#1c3538]

Related colors

Powder Blue #b0e0e6

Cadet Blue #5f9ea0

Dark Turquoise #00ced1

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Frequently asked questions

#1c3538 (#1c3538) is rgb(28, 53, 56) in RGB.

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

Generate a palette → Check contrast