HEX Color #0757E2 (Royalblue)

About #0757E2

The hex code #0757E2 represents a beautifully specific shade of blue. If you're using CSS, you might find it aligns closely with Royalblue. To achieve this exact tint on a monitor, you would use an RGB mix of 7, 87, and 226.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 97% cyan and 62% magenta inks. 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. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#0757E2

RGB7, 87, 226

HSL218.1°, 94.0%, 45.7%

CMYK97%, 62%, 0%, 11%

HSV218.1°, 96.9%, 88.6%

LAB41.8, 33.9, -75.8

XYZ17.2, 12.4, 73.4

Decimal481250

Color Harmonies

Complementary

#0757E2 #E29206

Analogous

#06C4E2 #2406E2

Triadic

#E20656 #56E206

Tetradic

#E206C4 #E29206 #06E224

Tints, Shades & Tones

Tints (Adding White)

#0757E2

#2269E5

#3E7CE8

#598FEB

#75A1EE

#90B4F2

#ACC7F5

#C7D9F8

#E3ECFB

#FFFFFF

Shades (Adding Black)

#0757E2

#064DC8

#0543AF

#043A96

#03307D

#032664

#021D4B

#011332

#000919

#000000

WCAG Contrast Accessibility

6.05:1

Text on #FFFFFF

AA

3.47:1

Text on #000000

AA Large

5.78:1

Text on #F8FAFC

AA

2.95:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #0757E2; }

.text-color { color: #0757E2; }

.border-color { border: 2px solid #0757E2; }

Similar Colors

Royalblue

#4169E1