#667C6D
A medium, muted neutral closely aligning with Gray.
About #667C6D
At its core, #667C6D is a medium and muted hue. It is closely associated with the named CSS color Gray. Its digital footprint relies on 102 parts red, 124 parts green, and 109 parts blue light.
If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 18% cyan and 0% magenta inks. This makes it a relatively dark color when applied to physical surfaces.
Ensuring your text is legible against this background is a key part of web design. 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#667C6D
RGB102, 124, 109
HSL139.1°, 9.7%, 44.3%
CMYK18%, 0%, 12%, 51%
HSV139.1°, 17.7%, 48.6%
LAB49.9, -11.2, 5.5
XYZ15.4, 18.3, 17.2
Decimal6716525
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
4.50:1
Text on #FFFFFF
AA Large
4.67:1
Text on #000000
AA
4.30:1
Text on #F8FAFC
AA Large
3.97:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #667C6D;
}
.text-color {
color: #667C6D;
}
.border-color {
border: 2px solid #667C6D;
}