#003AFF

A medium, vivid blue closely aligning with Mediumblue.

About #003AFF

When working with digital screens, the color #003AFF is rendered by mixing light. Designers often compare it to the standard color Mediumblue. Its digital footprint relies on 0 parts red, 58 parts green, and 255 parts blue light.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 100% cyan and 77% magenta inks. This makes it a relatively light color when applied to physical surfaces.

When using this color as a background, text legibility must be considered. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#003AFF
RGB0, 58, 255
HSL226.4°, 100.0%, 50.0%
CMYK100%, 77%, 0%, 0%
HSV226.4°, 100.0%, 100.0%
LAB38.3, 61.2, -97.9
XYZ19.6, 10.2, 95.6
Decimal15103

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

6.89:1
Text on #FFFFFF
AA
3.05:1
Text on #000000
AA Large
6.58:1
Text on #F8FAFC
AA
2.59:1
Text on #0F172A
FAIL

CSS Implementation

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

Similar Colors

Mediumblue
#0000CD