#3A7CF8

A light, vivid blue closely aligning with Royalblue.

About #3A7CF8

The hex code #3A7CF8 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 58, 124, and 248.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 77% cyan, 50% magenta, 0% yellow, and 3% black. The HSL representation is 219.2° hue, 93.1% saturation, and 60.0% lightness.

From a UX and accessibility standpoint, contrast is paramount. The calculated luminance score dictates that #000000 typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#3A7CF8
RGB58, 124, 248
HSL219.2°, 93.1%, 60.0%
CMYK77%, 50%, 0%, 3%
HSV219.2°, 76.6%, 97.3%
LAB54.1, 21.9, -68.0
XYZ25.9, 22.1, 91.7
Decimal3833080

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

3.88:1
Text on #FFFFFF
AA Large
5.42:1
Text on #000000
AA
3.70:1
Text on #F8FAFC
AA Large
4.61:1
Text on #0F172A
AA

CSS Implementation

.bg-color { background-color: #3A7CF8; }
.text-color { color: #3A7CF8; }
.border-color { border: 2px solid #3A7CF8; }

Similar Colors

Royalblue
#4169E1