HEX Color #3300D3 (Mediumblue)

About #3300D3

Visually, #3300D3 is defined as a vivid blue. Designers often compare it to the standard color Mediumblue. This translates to an RGB value of rgb(51, 0, 211).

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 76% cyan, 100% magenta, 0% yellow, and 17% black. Always request a physical proof before doing a large print run with this exact code.

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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#3300D3

RGB51, 0, 211

HSL254.5°, 100.0%, 41.4%

CMYK76%, 100%, 0%, 17%

HSV254.5°, 100.0%, 82.7%

LAB27.9, 69.4, -90.1

XYZ13.1, 5.4, 62.0

Decimal3342547

Color Harmonies

Complementary

#3300D3 #9FD300

Analogous

#0036D3 #9C00D3

Triadic

#D33300 #00D333

Tetradic

#D30036 #9FD300 #00D39C

Tints, Shades & Tones

Tints (Adding White)

#3300D3

#491CD7

#6038DC

#7755E1

#8D71E6

#A48DEB

#BBAAF0

#D1C6F5

#E8E2FA

#FFFFFF

Shades (Adding Black)

#3300D3

#2D00BB

#2700A4

#22008C

#1C0075

#16005D

#110046

#0B002E

#050017

#000000

WCAG Contrast Accessibility

10.09:1

Text on #FFFFFF

AAA

2.08:1

Text on #000000

FAIL

9.64:1

Text on #F8FAFC

AAA

1.77:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #3300D3; }

.text-color { color: #3300D3; }

.border-color { border: 2px solid #3300D3; }

Similar Colors

Mediumblue

#0000CD