HEX Color #075F6D (Darkslategray)

About #075F6D

The precise color #075F6D is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Darkslategray. Its digital footprint relies on 7 parts red, 95 parts green, and 109 parts blue light.

For print applications, it's crucial to understand its CMYK makeup. The color uses 94% Cyan, 13% Magenta, 0% Yellow, and 57% Black. 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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#075F6D

RGB7, 95, 109

HSL188.2°, 87.9%, 22.7%

CMYK94%, 13%, 0%, 57%

HSV188.2°, 93.6%, 42.7%

LAB36.6, -17.8, -14.6

XYZ6.9, 9.3, 15.9

Decimal483181

Color Harmonies

Complementary

#075F6D #6D1506

Analogous

#066D48 #062B6D

Triadic

#6D065E #5E6D06

Tetradic

#48066D #6D1506 #2B6D06

Tints, Shades & Tones

Tints (Adding White)

#075F6D

#22707D

#3E828D

#59949D

#75A6AD

#90B7BE

#ACC9CE

#C7DBDE

#E3EDEE

#FFFFFF

Shades (Adding Black)

#075F6D

#065460

#054954

#043F48

#03343C

#032A30

#021F24

#011518

#000A0C

#000000

WCAG Contrast Accessibility

7.33:1

Text on #FFFFFF

AAA

2.87:1

Text on #000000

FAIL

7.00:1

Text on #F8FAFC

AAA

2.44:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #075F6D; }

.text-color { color: #075F6D; }

.border-color { border: 2px solid #075F6D; }

Similar Colors

Darkslategray

#2F4F4F