#6657CC
A medium, moderate blue closely aligning with Slateblue.
About #6657CC
The precise color #6657CC is an excellent choice for modern design projects. Designers often compare it to the standard color Slateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 102, 87, and 204.
Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 50% cyan, 57% magenta, 0% yellow, and 20% black. The HSL representation is 247.7° hue, 53.4% saturation, and 57.1% lightness.
Contrast ratios determine whether this color is safe for typography. The calculated luminance score dictates that #FFFFFF typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#6657CC
RGB102, 87, 204
HSL247.7°, 53.4%, 57.1%
CMYK50%, 57%, 0%, 20%
HSV247.7°, 57.4%, 80.0%
LAB44.2, 36.7, -59.0
XYZ19.8, 14.0, 58.8
Decimal6707148
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
5.53:1
Text on #FFFFFF
AA
3.80:1
Text on #000000
AA Large
5.28:1
Text on #F8FAFC
AA
3.23:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #6657CC;
}
.text-color {
color: #6657CC;
}
.border-color {
border: 2px solid #6657CC;
}