#6683C5
A medium, moderate blue closely aligning with Steelblue.
About #6683C5
Visually, #6683C5 is defined as a moderate blue. It is closely associated with the named CSS color Steelblue. To achieve this exact tint on a monitor, you would use an RGB mix of 102, 131, and 197.
When sending designs containing this color to a printer, the CMYK values come into play. The color uses 48% Cyan, 34% Magenta, 0% Yellow, and 23% Black. The HSL representation is 221.7° hue, 45.0% saturation, and 58.6% lightness.
Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#6683C5
RGB102, 131, 197
HSL221.7°, 45.0%, 58.6%
CMYK48%, 34%, 0%, 23%
HSV221.7°, 48.2%, 77.3%
LAB55.2, 7.9, -37.6
XYZ23.7, 23.1, 56.0
Decimal6718405
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
3.74:1
Text on #FFFFFF
AA Large
5.62:1
Text on #000000
AA
3.57:1
Text on #F8FAFC
AA Large
4.78:1
Text on #0F172A
AA
CSS Implementation
.bg-color {
background-color: #6683C5;
}
.text-color {
color: #6683C5;
}
.border-color {
border: 2px solid #6683C5;
}