HEX Color #3A3A49 (Darkslategray)

About #3A3A49

The hex code #3A3A49 represents a beautifully specific shade of blue. If you're using CSS, you might find it aligns closely with Darkslategray. In the RGB color space, it consists of 58 red, 58 green, and 73 blue.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 21% cyan and 21% magenta inks. With a hue angle of 240.0 degrees, it sits comfortably in the blue spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #FFFFFF typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#3A3A49

RGB58, 58, 73

HSL240.0°, 11.5%, 25.7%

CMYK21%, 21%, 0%, 71%

HSV240.0°, 20.5%, 28.6%

LAB25.0, 3.7, -9.2

XYZ4.5, 4.4, 6.9

Decimal3816009

Color Harmonies

Complementary

#3A3A49 #494939

Analogous

#394149 #413949

Triadic

#493939 #394939

Tetradic

#493941 #494939 #394941

Tints, Shades & Tones

Tints (Adding White)

#3A3A49

#4F4F5D

#656571

#7B7B85

#919199

#A7A7AE

#BDBDC2

#D3D3D6

#E9E9EA

#FFFFFF

Shades (Adding Black)

#3A3A49

#333340

#2D2D38

#262630

#202028

#191920

#131318

#0C0C10

#060608

#000000

WCAG Contrast Accessibility

11.16:1

Text on #FFFFFF

AAA

1.88:1

Text on #000000

FAIL

10.67:1

Text on #F8FAFC

AAA

1.60:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Darkslategray

#2F4F4F