HEX Color #1D57D3 (Royalblue)

About #1D57D3

Visually, #1D57D3 is defined as a vivid blue. Its closest recognized web color is Royalblue. To achieve this exact tint on a monitor, you would use an RGB mix of 29, 87, and 211.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 86% cyan, 59% magenta, 0% yellow, and 17% black. Always request a physical proof before doing a large print run with this exact code.

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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#1D57D3

RGB29, 87, 211

HSL220.9°, 75.8%, 47.1%

CMYK86%, 59%, 0%, 17%

HSV220.9°, 86.3%, 82.7%

LAB40.9, 29.1, -68.7

XYZ15.7, 11.8, 63.1

Decimal1923027

Color Harmonies

Complementary

#1D57D3 #D2981D

Analogous

#1DB2D2 #3D1DD2

Triadic

#D21D57 #57D21D

Tetradic

#D21DB2 #D2981D #1DD23D

Tints, Shades & Tones

Tints (Adding White)

#1D57D3

#3669D7

#4F7CDC

#688FE1

#81A1E6

#9AB4EB

#B3C7F0

#CCD9F5

#E5ECFA

#FFFFFF

Shades (Adding Black)

#1D57D3

#194DBB

#1643A4

#133A8C

#103075

#0C265D

#091D46

#06132E

#030917

#000000

WCAG Contrast Accessibility

6.26:1

Text on #FFFFFF

AA

3.36:1

Text on #000000

AA Large

5.98:1

Text on #F8FAFC

AA

2.85:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Royalblue

#4169E1