HEX Color #33165F (Midnightblue)

About #33165F

The precise color #33165F is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Midnightblue. Its digital footprint relies on 51 parts red, 22 parts green, and 95 parts blue light.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 46% cyan and 77% magenta inks. The HSL representation is 263.8° hue, 62.4% saturation, and 22.9% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. To prevent eye strain, #FFFFFF text pairs best with this hex code. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#33165F

RGB51, 22, 95

HSL263.8°, 62.4%, 22.9%

CMYK46%, 77%, 0%, 63%

HSV263.8°, 76.8%, 37.3%

LAB16.0, 31.7, -38.0

XYZ3.7, 2.1, 11.0

Decimal3348063

Color Harmonies

Complementary

#33165F #415F15

Analogous

#151D5F #57155F

Triadic

#5F3315 #155F33

Tetradic

#5F151D #415F15 #155F57

Tints, Shades & Tones

Tints (Adding White)

#33165F

#492F70

#604982

#776394

#8D7DA6

#A497B7

#BBB1C9

#D1CBDB

#E8E5ED

#FFFFFF

Shades (Adding Black)

#33165F

#2D1354

#271149

#220E3F

#1C0C34

#16092A

#11071F

#0B0415

#05020A

#000000

WCAG Contrast Accessibility

14.78:1

Text on #FFFFFF

AAA

1.42:1

Text on #000000

FAIL

14.13:1

Text on #F8FAFC

AAA

1.21:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #33165F; }

.text-color { color: #33165F; }

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

Similar Colors

Midnightblue

#191970