HEX Color #003A1D (Darkslategray)

About #003A1D

The precise color #003A1D is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Darkslategray. To achieve this exact tint on a monitor, you would use an RGB mix of 0, 58, and 29.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 100% cyan and 0% magenta inks. This makes it a relatively dark color when applied to physical surfaces.

From a UX and accessibility standpoint, contrast is paramount. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#003A1D

RGB0, 58, 29

HSL150.0°, 100.0%, 11.4%

CMYK100%, 0%, 50%, 77%

HSV150.0°, 100.0%, 22.7%

LAB20.5, -25.7, 13.2

XYZ1.7, 3.1, 1.7

Decimal14877

Color Harmonies

Complementary

#003A1D #3A001D

Analogous

#003A00 #00393A

Triadic

#1C003A #3A1D00

Tetradic

#00003A #3A001D #393A00

Tints, Shades & Tones

Tints (Adding White)

#003A1D

#1C4F36

#38654F

#557B68

#719181

#8DA79A

#AABDB3

#C6D3CC

#E2E9E5

#FFFFFF

Shades (Adding Black)

#003A1D

#003319

#002D16

#002613

#002010

#00190C

#001309

#000C06

#000603

#000000

WCAG Contrast Accessibility

12.94:1

Text on #FFFFFF

AAA

1.62:1

Text on #000000

FAIL

12.37:1

Text on #F8FAFC

AAA

1.38:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #003A1D; }

.text-color { color: #003A1D; }

.border-color { border: 2px solid #003A1D; }

Similar Colors

Darkslategray

#2F4F4F