HEX Color #4257BD (Royalblue)

About #4257BD

When working with digital screens, the color #4257BD is rendered by mixing light. Its closest recognized web color is Royalblue. This translates to an RGB value of rgb(66, 87, 189).

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 65% cyan and 54% magenta inks. 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. 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#4257BD

RGB66, 87, 189

HSL229.8°, 48.2%, 50.0%

CMYK65%, 54%, 0%, 26%

HSV229.8°, 65.1%, 74.1%

LAB40.7, 25.0, -56.2

XYZ14.8, 11.6, 49.6

Decimal4347837

Color Harmonies

Complementary

#4257BD #BDA741

Analogous

#4194BD #6A41BD

Triadic

#BD4156 #56BD41

Tetradic

#BD4194 #BDA741 #41BD6A

Tints, Shades & Tones

Tints (Adding White)

#4257BD

#5769C4

#6C7CCB

#818FD3

#96A1DA

#ABB4E1

#C0C7E9

#D5D9F0

#EAECF7

#FFFFFF

Shades (Adding Black)

#4257BD

#3A4DA8

#334393

#2C3A7E

#243069

#1D2654

#161D3F

#0E132A

#070915

#000000

WCAG Contrast Accessibility

6.31:1

Text on #FFFFFF

AA

3.33:1

Text on #000000

AA Large

6.03:1

Text on #F8FAFC

AA

2.83:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #4257BD; }

.text-color { color: #4257BD; }

.border-color { border: 2px solid #4257BD; }

Similar Colors

Royalblue

#4169E1