#333AC5

A medium, moderate blue closely aligning with Darkblue.

About #333AC5

When working with digital screens, the color #333AC5 is rendered by mixing light. It is closely associated with the named CSS color Darkblue. To achieve this exact tint on a monitor, you would use an RGB mix of 51, 58, and 197.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 74% Cyan, 71% Magenta, 0% Yellow, and 23% Black. Always request a physical proof before doing a large print run with this exact code.

When using this color as a background, text legibility must be considered. To prevent eye strain, #FFFFFF text pairs best with this hex code. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#333AC5
RGB51, 58, 197
HSL237.1°, 58.9%, 48.6%
CMYK74%, 71%, 0%, 23%
HSV237.1°, 74.1%, 77.3%
LAB33.5, 44.0, -72.6
XYZ13.0, 7.8, 53.6
Decimal3357381

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

8.23:1
Text on #FFFFFF
AAA
2.55:1
Text on #000000
FAIL
7.86:1
Text on #F8FAFC
AAA
2.17:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #333AC5; }
.text-color { color: #333AC5; }
.border-color { border: 2px solid #333AC5; }

Similar Colors

Darkblue
#00008B