HEX Color #003ADB (Mediumblue)

About #003ADB

Visually, #003ADB is defined as a vivid blue. Designers often compare it to the standard color Mediumblue. In the RGB color space, it consists of 0 red, 58 green, and 219 blue.

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

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#003ADB

RGB0, 58, 219

HSL224.1°, 100.0%, 42.9%

CMYK100%, 74%, 0%, 14%

HSV224.1°, 100.0%, 85.9%

LAB34.3, 49.2, -84.1

XYZ14.3, 8.1, 67.8

Decimal15067

Color Harmonies

Complementary

#003ADB #DBA000

Analogous

#00A7DB #3300DB

Triadic

#DB0039 #39DB00

Tetradic

#DB00A7 #DBA000 #00DB33

Tints, Shades & Tones

Tints (Adding White)

#003ADB

#1C4FDF

#3865E3

#557BE7

#7191EB

#8DA7EF

#AABDF3

#C6D3F7

#E2E9FB

#FFFFFF

Shades (Adding Black)

#003ADB

#0033C2

#002DAA

#002692

#002079

#001961

#001349

#000C30

#000618

#000000

WCAG Contrast Accessibility

7.99:1

Text on #FFFFFF

AAA

2.63:1

Text on #000000

FAIL

7.64:1

Text on #F8FAFC

AAA

2.23:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #003ADB; }

.text-color { color: #003ADB; }

.border-color { border: 2px solid #003ADB; }

Similar Colors

Mediumblue

#0000CD