#495FE2

A medium, vivid blue closely aligning with Royalblue.

About #495FE2

At its core, #495FE2 is a medium and vivid hue. 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 73, 95, and 226.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 68% C, 58% M, 0% Y, and 11% K. The HSL representation is 231.4° hue, 72.5% saturation, and 58.6% lightness.

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#495FE2
RGB73, 95, 226
HSL231.4°, 72.5%, 58.6%
CMYK68%, 58%, 0%, 11%
HSV231.4°, 67.7%, 88.6%
LAB45.8, 34.0, -69.2
XYZ20.6, 15.1, 73.8
Decimal4808674

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

5.23:1
Text on #FFFFFF
AA
4.02:1
Text on #000000
AA Large
4.99:1
Text on #F8FAFC
AA
3.42:1
Text on #0F172A
AA Large

CSS Implementation

.bg-color { background-color: #495FE2; }
.text-color { color: #495FE2; }
.border-color { border: 2px solid #495FE2; }

Similar Colors

Royalblue
#4169E1