#333A50

A dark, muted blue closely aligning with Darkslategray.

About #333A50

The hex code #333A50 represents a beautifully specific shade of blue. It is closely associated with the named CSS color Darkslategray. To achieve this exact tint on a monitor, you would use an RGB mix of 51, 58, and 80.

When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 36% C, 28% M, 0% Y, and 69% K. With a hue angle of 225.5 degrees, it sits comfortably in the blue spectrum.

When using this color as a background, text legibility must be considered. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#333A50
RGB51, 58, 80
HSL225.5°, 22.1%, 25.7%
CMYK36%, 28%, 0%, 69%
HSV225.5°, 36.2%, 31.4%
LAB24.7, 3.2, -14.3
XYZ4.3, 4.3, 8.2
Decimal3357264

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

11.28:1
Text on #FFFFFF
AAA
1.86:1
Text on #000000
FAIL
10.78:1
Text on #F8FAFC
AAA
1.58:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #333A50; }
.text-color { color: #333A50; }
.border-color { border: 2px solid #333A50; }

Similar Colors

Darkslategray
#2F4F4F