HEX Color #2C506D (Darkslategray)

About #2C506D

The precise color #2C506D 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 44 parts red, 80 parts green, and 109 parts blue light.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 60% cyan and 27% magenta inks. This makes it a relatively dark color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#2C506D

RGB44, 80, 109

HSL206.8°, 42.5%, 30.0%

CMYK60%, 27%, 0%, 57%

HSV206.8°, 59.6%, 42.7%

LAB32.7, -3.5, -20.6

XYZ6.7, 7.4, 15.5

Decimal2904173

Color Harmonies

Complementary

#2C506D #6D492C

Analogous

#2C6D69 #2C2F6D

Triadic

#6D2C4F #4F6D2C

Tetradic

#692C6D #6D492C #2F6D2C

Tints, Shades & Tones

Tints (Adding White)

#2C506D

#43637D

#5A768D

#728A9D

#899DAD

#A1B1BE

#B8C4CE

#D0D8DE

#E7EBEE

#FFFFFF

Shades (Adding Black)

#2C506D

#274760

#223E54

#1D3548

#182C3C

#132330

#0E1A24

#091118

#04080C

#000000

WCAG Contrast Accessibility

8.48:1

Text on #FFFFFF

AAA

2.48:1

Text on #000000

FAIL

8.11:1

Text on #F8FAFC

AAA

2.10:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #2C506D; }

.text-color { color: #2C506D; }

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

Similar Colors

Darkslategray

#2F4F4F