HEX Color #33075F (Midnightblue)

About #33075F

The precise color #33075F is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Midnightblue. In the RGB color space, it consists of 51 red, 7 green, and 95 blue.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 46% Cyan, 93% Magenta, 0% Yellow, and 63% Black. This makes it a relatively dark color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a dark color, it is generally recommended to use #FFFFFF text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#33075F

RGB51, 7, 95

HSL270.0°, 86.3%, 20.0%

CMYK46%, 93%, 0%, 63%

HSV270.0°, 92.6%, 37.3%

LAB13.7, 38.3, -41.8

XYZ3.5, 1.7, 11.0

Decimal3344223

Color Harmonies

Complementary

#33075F #335F07

Analogous

#07075F #5F075E

Triadic

#5F3207 #075F33

Tetradic

#5F0707 #335F07 #075E5F

Tints, Shades & Tones

Tints (Adding White)

#33075F

#492270

#603E82

#775994

#8D75A6

#A490B7

#BBACC9

#D1C7DB

#E8E3ED

#FFFFFF

Shades (Adding Black)

#33075F

#2D0654

#270549

#22043F

#1C0334

#16032A

#11021F

#0B0115

#05000A

#000000

WCAG Contrast Accessibility

15.71:1

Text on #FFFFFF

AAA

1.34:1

Text on #000000

FAIL

15.02:1

Text on #F8FAFC

AAA

1.14:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Midnightblue

#191970