HEX Color #330F5F (Midnightblue)

About #330F5F

Visually, #330F5F is defined as a vivid purple. It is closely associated with the named CSS color Midnightblue. To achieve this exact tint on a monitor, you would use an RGB mix of 51, 15, and 95.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 46% cyan and 84% magenta inks. Always request a physical proof before doing a large print run with this exact code.

From a UX and accessibility standpoint, contrast is paramount. 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#330F5F

RGB51, 15, 95

HSL267.0°, 72.7%, 21.6%

CMYK46%, 84%, 0%, 63%

HSV267.0°, 84.2%, 37.3%

LAB14.8, 35.2, -40.0

XYZ3.6, 1.9, 11.0

Decimal3346271

Color Harmonies

Complementary

#330F5F #3B5E0F

Analogous

#0F135E #5A0F5E

Triadic

#5E330F #0F5E33

Tetradic

#5E0F12 #3B5E0F #0F5E5A

Tints, Shades & Tones

Tints (Adding White)

#330F5F

#492970

#604482

#775F94

#8D79A6

#A494B7

#BBAFC9

#D1C9DB

#E8E4ED

#FFFFFF

Shades (Adding Black)

#330F5F

#2D0D54

#270B49

#220A3F

#1C0834

#16062A

#11051F

#0B0315

#05010A

#000000

WCAG Contrast Accessibility

15.28:1

Text on #FFFFFF

AAA

1.37:1

Text on #000000

FAIL

14.60:1

Text on #F8FAFC

AAA

1.17:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #330F5F; }

.text-color { color: #330F5F; }

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

Similar Colors

Midnightblue

#191970