HEX Color #1D3AE2 (Mediumblue)

About #1D3AE2

Visually, #1D3AE2 is defined as a vivid blue. Its closest recognized web color is Mediumblue. Its digital footprint relies on 29 parts red, 58 parts green, and 226 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 87% cyan, 74% magenta, 0% yellow, and 11% black. The HSL representation is 231.2° hue, 77.3% saturation, and 50.0% lightness.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#1D3AE2

RGB29, 58, 226

HSL231.2°, 77.3%, 50.0%

CMYK87%, 74%, 0%, 11%

HSV231.2°, 87.2%, 88.6%

LAB35.6, 52.4, -86.0

XYZ15.7, 8.8, 72.8

Decimal1915618

Color Harmonies

Complementary

#1D3AE2 #E2C51D

Analogous

#1D9CE2 #621DE2

Triadic

#E21D39 #39E21D

Tetradic

#E21D9C #E2C51D #1DE262

Tints, Shades & Tones

Tints (Adding White)

#1D3AE2

#364FE5

#4F65E8

#687BEB

#8191EE

#9AA7F2

#B3BDF5

#CCD3F8

#E5E9FB

#FFFFFF

Shades (Adding Black)

#1D3AE2

#1933C8

#162DAF

#132696

#10207D

#0C1964

#09134B

#060C32

#030619

#000000

WCAG Contrast Accessibility

7.62:1

Text on #FFFFFF

AAA

2.76:1

Text on #000000

FAIL

7.28:1

Text on #F8FAFC

AAA

2.34:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #1D3AE2; }

.text-color { color: #1D3AE2; }

.border-color { border: 2px solid #1D3AE2; }

Similar Colors

Mediumblue

#0000CD