HEX Color #333A8A (Darkslateblue)

About #333A8A

When working with digital screens, the color #333A8A is rendered by mixing light. It is closely associated with the named CSS color Darkslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 51, 58, and 138.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 63% cyan and 58% magenta inks. The HSL representation is 235.2° hue, 46.0% saturation, and 37.1% lightness.

Contrast ratios determine whether this color is safe for typography. 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#333A8A

RGB51, 58, 138

HSL235.2°, 46.0%, 37.1%

CMYK63%, 58%, 0%, 46%

HSV235.2°, 63.0%, 54.1%

LAB28.3, 23.2, -45.7

XYZ7.5, 5.6, 24.7

Decimal3357322

Color Harmonies

Complementary

#333A8A #8A8333

Analogous

#33658A #57338A

Triadic

#8A3339 #398A33

Tetradic

#8A3365 #8A8333 #338A57

Tints, Shades & Tones

Tints (Adding White)

#333A8A

#494F97

#6065A4

#777BB1

#8D91BE

#A4A7CB

#BBBDD8

#D1D3E5

#E8E9F2

#FFFFFF

Shades (Adding Black)

#333A8A

#2D337A

#272D6B

#22265C

#1C204C

#16193D

#11132E

#0B0C1E

#05060F

#000000

WCAG Contrast Accessibility

9.94:1

Text on #FFFFFF

AAA

2.11:1

Text on #000000

FAIL

9.50:1

Text on #F8FAFC

AAA

1.80:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #333A8A; }

.text-color { color: #333A8A; }

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

Similar Colors

Darkslateblue

#483D8B