#6683A0
A medium, muted blue closely aligning with Lightslategray.
About #6683A0
Visually, #6683A0 is defined as a muted blue. If you're using CSS, you might find it aligns closely with Lightslategray. In the RGB color space, it consists of 102 red, 131 green, and 160 blue.
If you are designing for print, the four-color process is what matters most. The color uses 36% Cyan, 18% Magenta, 0% Yellow, and 37% Black. This makes it a relatively light color when applied to physical surfaces.
From a UX and accessibility standpoint, contrast is paramount. Because it is a medium 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#6683A0
RGB102, 131, 160
HSL210.0°, 23.4%, 51.4%
CMYK36%, 18%, 0%, 37%
HSV210.0°, 36.2%, 62.7%
LAB53.6, -2.9, -18.8
XYZ19.9, 21.6, 36.4
Decimal6718368
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
3.95:1
Text on #FFFFFF
AA Large
5.32:1
Text on #000000
AA
3.77:1
Text on #F8FAFC
AA Large
4.52:1
Text on #0F172A
AA
CSS Implementation
.bg-color {
background-color: #6683A0;
}
.text-color {
color: #6683A0;
}
.border-color {
border: 2px solid #6683A0;
}