HEX Color #3307A8 (Darkblue)

About #3307A8

The precise color #3307A8 is an excellent choice for modern design projects. Designers often compare it to the standard color Darkblue. To achieve this exact tint on a monitor, you would use an RGB mix of 51, 7, and 168.

For print applications, it's crucial to understand its CMYK makeup. This specific hue requires a mix of 70% C, 96% M, 0% Y, and 34% K. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#3307A8

RGB51, 7, 168

HSL256.4°, 92.0%, 34.3%

CMYK70%, 96%, 0%, 34%

HSV256.4°, 95.8%, 65.9%

LAB22.6, 57.3, -73.4

XYZ8.5, 3.7, 37.3

Decimal3344296

Color Harmonies

Complementary

#3307A8 #7BA807

Analogous

#072BA8 #8307A8

Triadic

#A83207 #07A833

Tetradic

#A8072B #7BA807 #07A883

Tints, Shades & Tones

Tints (Adding White)

#3307A8

#4922B1

#603EBB

#7759C5

#8D75CE

#A490D8

#BBACE2

#D1C7EB

#E8E3F5

#FFFFFF

Shades (Adding Black)

#3307A8

#2D0695

#270582

#220470

#1C035D

#16034A

#110238

#0B0125

#050012

#000000

WCAG Contrast Accessibility

12.09:1

Text on #FFFFFF

AAA

1.74:1

Text on #000000

FAIL

11.56:1

Text on #F8FAFC

AAA

1.48:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #3307A8; }

.text-color { color: #3307A8; }

.border-color { border: 2px solid #3307A8; }

Similar Colors

Darkblue

#00008B