HEX Color #07573A (Darkslategray)

About #07573A

The precise color #07573A is an excellent choice for modern design projects. Its closest recognized web color is Darkslategray. To achieve this exact tint on a monitor, you would use an RGB mix of 7, 87, and 58.

When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 92% C, 0% M, 33% Y, and 66% K. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#07573A

RGB7, 87, 58

HSL158.3°, 85.1%, 18.4%

CMYK92%, 0%, 33%, 66%

HSV158.3°, 92.0%, 34.1%

LAB32.2, -30.1, 10.7

XYZ4.3, 7.2, 5.2

Decimal481082

Color Harmonies

Complementary

#07573A #570724

Analogous

#075712 #074B57

Triadic

#390757 #573A07

Tetradic

#120757 #570724 #4B5707

Tints, Shades & Tones

Tints (Adding White)

#07573A

#22694F

#3E7C65

#598F7B

#75A191

#90B4A7

#ACC7BD

#C7D9D3

#E3ECE9

#FFFFFF

Shades (Adding Black)

#07573A

#064D33

#05432D

#043A26

#033020

#032619

#021D13

#01130C

#000906

#000000

WCAG Contrast Accessibility

8.63:1

Text on #FFFFFF

AAA

2.43:1

Text on #000000

FAIL

8.25:1

Text on #F8FAFC

AAA

2.07:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #07573A; }

.text-color { color: #07573A; }

.border-color { border: 2px solid #07573A; }

Similar Colors

Darkslategray

#2F4F4F