HEX Color #33078A (Navy)

About #33078A

The precise color #33078A is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Navy. To achieve this exact tint on a monitor, you would use an RGB mix of 51, 7, and 138.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 63% cyan and 95% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Ensuring your text is legible against this background is a key part of web design. 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#33078A

RGB51, 7, 138

HSL260.2°, 90.3%, 28.4%

CMYK63%, 95%, 0%, 46%

HSV260.2°, 94.9%, 54.1%

LAB18.8, 49.6, -61.3

XYZ6.0, 2.7, 24.2

Decimal3344266

Color Harmonies

Complementary

#33078A #5E8A07

Analogous

#071C8A #74078A

Triadic

#8A3207 #078A33

Tetradic

#8A071C #5E8A07 #078A74

Tints, Shades & Tones

Tints (Adding White)

#33078A

#492297

#603EA4

#7759B1

#8D75BE

#A490CB

#BBACD8

#D1C7E5

#E8E3F2

#FFFFFF

Shades (Adding Black)

#33078A

#2D067A

#27056B

#22045C

#1C034C

#16033D

#11022E

#0B011E

#05000F

#000000

WCAG Contrast Accessibility

13.65:1

Text on #FFFFFF

AAA

1.54:1

Text on #000000

FAIL

13.05:1

Text on #F8FAFC

AAA

1.31:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #33078A; }

.text-color { color: #33078A; }

.border-color { border: 2px solid #33078A; }

Similar Colors

Navy

#000080