HEX Color #3300B6 (Mediumblue)

About #3300B6

The precise color #3300B6 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Mediumblue. In the RGB color space, it consists of 51 red, 0 green, and 182 blue.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 72% cyan and 100% magenta inks. The HSL representation is 256.8° hue, 100.0% saturation, and 35.7% lightness.

Contrast ratios determine whether this color is safe for typography. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#3300B6

RGB51, 0, 182

HSL256.8°, 100.0%, 35.7%

CMYK72%, 100%, 0%, 29%

HSV256.8°, 100.0%, 71.4%

LAB23.9, 62.4, -79.6

XYZ9.8, 4.1, 44.5

Decimal3342518

Color Harmonies

Complementary

#3300B6 #83B600

Analogous

#0027B6 #8D00B6

Triadic

#B63200 #00B633

Tetradic

#B60027 #83B600 #00B68D

Tints, Shades & Tones

Tints (Adding White)

#3300B6

#491CBE

#6038C6

#7755CE

#8D71D6

#A48DDE

#BBAAE6

#D1C6EE

#E8E2F6

#FFFFFF

Shades (Adding Black)

#3300B6

#2D00A1

#27008D

#220079

#1C0065

#160050

#11003C

#0B0028

#050014

#000000

WCAG Contrast Accessibility

11.56:1

Text on #FFFFFF

AAA

1.82:1

Text on #000000

FAIL

11.05:1

Text on #F8FAFC

AAA

1.54:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Mediumblue

#0000CD