#6675E2
A light, moderate blue closely aligning with Royalblue.
About #6675E2
The precise color #6675E2 is an excellent choice for modern design projects. 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 102, 117, and 226.
For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 55% cyan and 48% magenta inks. This makes it a relatively light color when applied to physical surfaces.
When using this color as a background, text legibility must be considered. The calculated luminance score dictates that #000000 typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#6675E2
RGB102, 117, 226
HSL232.7°, 68.1%, 64.3%
CMYK55%, 48%, 0%, 11%
HSV232.7°, 54.9%, 88.6%
LAB53.0, 25.4, -57.4
XYZ25.6, 21.0, 74.7
Decimal6714850
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
4.03:1
Text on #FFFFFF
AA Large
5.21:1
Text on #000000
AA
3.85:1
Text on #F8FAFC
AA Large
4.43:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #6675E2;
}
.text-color {
color: #6675E2;
}
.border-color {
border: 2px solid #6675E2;
}