#07336D

A dark, vivid blue closely aligning with Darkslateblue.

About #07336D

When working with digital screens, the color #07336D is rendered by mixing light. If you're using CSS, you might find it aligns closely with Darkslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 7, 51, and 109.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 94% cyan, 53% magenta, 0% yellow, and 57% black. With a hue angle of 214.1 degrees, it sits comfortably in the blue spectrum.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#07336D
RGB7, 51, 109
HSL214.1°, 87.9%, 22.7%
CMYK94%, 53%, 0%, 57%
HSV214.1°, 93.6%, 42.7%
LAB22.0, 10.6, -37.6
XYZ4.0, 3.5, 14.9
Decimal471917

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

12.33:1
Text on #FFFFFF
AAA
1.70:1
Text on #000000
FAIL
11.78:1
Text on #F8FAFC
AAA
1.45:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #07336D; }
.text-color { color: #07336D; }
.border-color { border: 2px solid #07336D; }

Similar Colors

Darkslateblue
#483D8B