#003A57

A very dark, vivid blue closely aligning with Darkslategray.

About #003A57

When working with digital screens, the color #003A57 is rendered by mixing light. Its closest recognized web color is Darkslategray. Its digital footprint relies on 0 parts red, 58 parts green, and 87 parts blue light.

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

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a very dark color, it is generally recommended to use #FFFFFF text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#003A57
RGB0, 58, 87
HSL200.0°, 100.0%, 17.1%
CMYK100%, 33%, 0%, 66%
HSV200.0°, 100.0%, 34.1%
LAB22.7, -4.8, -22.2
XYZ3.2, 3.7, 9.6
Decimal14935

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

12.05:1
Text on #FFFFFF
AAA
1.74:1
Text on #000000
FAIL
11.52:1
Text on #F8FAFC
AAA
1.48:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #003A57; }
.text-color { color: #003A57; }
.border-color { border: 2px solid #003A57; }

Similar Colors

Darkslategray
#2F4F4F