HEX Color #3A1D24 (Black)

About #3A1D24

At its core, #3A1D24 is a very dark and moderate hue. Its closest recognized web color is Black. To achieve this exact tint on a monitor, you would use an RGB mix of 58, 29, and 36.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 0% cyan and 50% magenta inks. The HSL representation is 345.5° hue, 33.3% saturation, and 17.1% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#3A1D24

RGB58, 29, 36

HSL345.5°, 33.3%, 17.1%

CMYK0%, 50%, 38%, 77%

HSV345.5°, 50.0%, 22.7%

LAB15.0, 15.2, 1.5

XYZ2.5, 1.9, 1.9

Decimal3808548

Color Harmonies

Complementary

#3A1D24 #1D3A33

Analogous

#3A1D32 #3A241D

Triadic

#243A1D #1D243A

Tetradic

#323A1D #1D3A33 #241D3A

Tints, Shades & Tones

Tints (Adding White)

#3A1D24

#4F363C

#654F54

#7B686D

#918185

#A79A9D

#BDB3B6

#D3CCCE

#E9E5E6

#FFFFFF

Shades (Adding Black)

#3A1D24

#331920

#2D161C

#261318

#201014

#190C10

#13090C

#0C0608

#060304

#000000

WCAG Contrast Accessibility

15.20:1

Text on #FFFFFF

AAA

1.38:1

Text on #000000

FAIL

14.53:1

Text on #F8FAFC

AAA

1.17:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #3A1D24; }

.text-color { color: #3A1D24; }

.border-color { border: 2px solid #3A1D24; }

Similar Colors

Black

#000000