HEX Color #043A5F (Darkslategray)

About #043A5F

The precise color #043A5F is an excellent choice for modern design projects. Designers often compare it to the standard color Darkslategray. To achieve this exact tint on a monitor, you would use an RGB mix of 4, 58, and 95.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 96% C, 39% M, 0% Y, and 63% K. Always request a physical proof before doing a large print run with this exact code.

Contrast ratios determine whether this color is safe for typography. To prevent eye strain, #FFFFFF text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#043A5F

RGB4, 58, 95

HSL204.4°, 91.9%, 19.4%

CMYK96%, 39%, 0%, 63%

HSV204.4°, 95.8%, 37.3%

LAB23.3, -0.9, -26.5

XYZ3.6, 3.9, 11.4

Decimal277087

Color Harmonies

Complementary

#043A5F #5F2804

Analogous

#045F56 #040C5F

Triadic

#5F043A #3A5F04

Tetradic

#56045F #5F2804 #0C5F04

Tints, Shades & Tones

Tints (Adding White)

#043A5F

#1F4F70

#3B6582

#577B94

#7391A6

#8FA7B7

#ABBDC9

#C7D3DB

#E3E9ED

#FFFFFF

Shades (Adding Black)

#043A5F

#033354

#032D49

#02263F

#022034

#01192A

#01131F

#000C15

#00060A

#000000

WCAG Contrast Accessibility

11.83:1

Text on #FFFFFF

AAA

1.78:1

Text on #000000

FAIL

11.30:1

Text on #F8FAFC

AAA

1.51:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #043A5F; }

.text-color { color: #043A5F; }

.border-color { border: 2px solid #043A5F; }

Similar Colors

Darkslategray

#2F4F4F