#666DE9
A light, vivid blue closely aligning with Royalblue.
About #666DE9
Visually, #666DE9 is defined as a vivid blue. It is closely associated with the named CSS color Royalblue. This translates to an RGB value of rgb(102, 109, 233).
If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 56% cyan and 53% magenta inks. Always request a physical proof before doing a large print run with this exact code.
From a UX and accessibility standpoint, contrast is paramount. Because it is a light color, it is generally recommended to use #000000 text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.
Color Space Conversions
HEX#666DE9
RGB102, 109, 233
HSL236.8°, 74.9%, 65.7%
CMYK56%, 53%, 0%, 9%
HSV236.8°, 56.2%, 91.4%
LAB51.4, 32.5, -63.9
XYZ25.7, 19.6, 79.5
Decimal6712809
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
4.26:1
Text on #FFFFFF
AA Large
4.93:1
Text on #000000
AA
4.07:1
Text on #F8FAFC
AA Large
4.19:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #666DE9;
}
.text-color {
color: #666DE9;
}
.border-color {
border: 2px solid #666DE9;
}