#33505F

A dark, moderate blue closely aligning with Darkslategray.

About #33505F

When working with digital screens, the color #33505F is rendered by mixing light. Its closest recognized web color is Darkslategray. To achieve this exact tint on a monitor, you would use an RGB mix of 51, 80, and 95.

For print applications, it's crucial to understand its CMYK makeup. This specific hue requires a mix of 46% C, 16% M, 0% Y, and 63% K. This makes it a relatively dark color when applied to physical surfaces.

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#33505F
RGB51, 80, 95
HSL200.5°, 30.1%, 28.6%
CMYK46%, 16%, 0%, 63%
HSV200.5°, 46.3%, 37.3%
LAB32.4, -6.3, -12.2
XYZ6.3, 7.3, 11.9
Decimal3362911

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

8.56:1
Text on #FFFFFF
AAA
2.45:1
Text on #000000
FAIL
8.18:1
Text on #F8FAFC
AAA
2.09:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #33505F; }
.text-color { color: #33505F; }
.border-color { border: 2px solid #33505F; }

Similar Colors

Darkslategray
#2F4F4F