#1D5FBD

A medium, vivid blue closely aligning with Royalblue.

About #1D5FBD

When working with digital screens, the color #1D5FBD is rendered by mixing light. It is closely associated with the named CSS color Royalblue. To achieve this exact tint on a monitor, you would use an RGB mix of 29, 95, and 189.

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 85% cyan, 50% magenta, 0% yellow, and 26% black. Always request a physical proof before doing a large print run with this exact code.

Ensuring your text is legible against this background is a key part of web design. To prevent eye strain, #FFFFFF text pairs best with this hex code. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#1D5FBD
RGB29, 95, 189
HSL215.2°, 73.4%, 42.7%
CMYK85%, 50%, 0%, 26%
HSV215.2°, 84.7%, 74.1%
LAB41.4, 15.3, -55.1
XYZ13.8, 12.1, 49.8
Decimal1925053

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

6.13:1
Text on #FFFFFF
AA
3.42:1
Text on #000000
AA Large
5.86:1
Text on #F8FAFC
AA
2.91:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #1D5FBD; }
.text-color { color: #1D5FBD; }
.border-color { border: 2px solid #1D5FBD; }

Similar Colors

Royalblue
#4169E1