#669e80
Hex Color CodeThe hexadecimal color code #669e80
is a shade of green-cyan. In the RGB color model #669e80
is comprised of 40% red, 61.96% green and 50.2% blue. In the HSL color space #669e80
has a hue of 147.86 degrees, 22.4% saturation and 50.98% lightness. This color has an approximate wavelength of 527 nm.
#669e80
Color InformationInverted
#99617f 25% Saturated
#5fa47f Grayscale
#828282
25% Lighter
#8db7a1 Original
#669e80 25% Darker
#4b775f
mediumseagreen
#3cb371 25% Desaturated
#6c9780 Web Safe: teal
#008080
rgb(102, 158, 128)
rgba(102, 158, 128, 1.0)
red: 40%, yellow: 54.9976%, blue: 61.9608%
#669e80
6725248
-10051968 / 0xff669e80
hsl(148, 22%, 51%)
hsla(148, 22%, 51%, 1.0)
hue: 148 (147.8571), saturation: 35 (35.443), value: 62 (61.9608)
X: 21.6026, Y: 28.837, Z: 24.8496
x: 0.2869, y: 0.383, Y: 28.837
L: 60.6375, a: -25.1986, b: 9.9115
L: 60.6375, u: -27.1189, v: 17.7733
L: 60.6375, C: 27.0778, H: 158.5284
L: 53.7001, a: -22.1677, b: 10.1538
cyan: 35 (0.3544), magenta: 0 (0), yellow: 19 (0.1899), key: 38 (0.3804)
cyan: 60 (0.6), magenta: 38 (0.3804), yellow: 50 (0.498)
Y: 137.836, I: -23.7222, Q: -21.1756
Y: 137.836, U: -4.8391, V: -31.4397
Y: 137.836, Db: -14.79, Dr: 68.138
Y: 134.39, Cb: 123.118, Cr: 105.546
Y: 143.912, Pb: -8.56, Pr: -26.62
5G 6/6 approximate; exact match: Munsell 5G 6/6 / #5ba286
#669e80
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#669e80
to White#669e80
to Black#669e80
foreground
<p style="color: #669e80; background-color: #000">#669e80 foreground</p>
#669e80
background
<p style="background-color: #669e80">#669e80 background</p>
#669e80
border
<p style="border: #669e80 3px solid">#669e80 border</p>
#669e80
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #669e80, #fff); background: -webkit-radial-gradient(50% 50%, #669e80, #fff); background: -o-radial-gradient(50% 50%, #669e80, #fff); background: -ms-radial-gradient(50% 50%, #669e80, #fff); background: radial-gradient(50% 50%, #669e80, #fff)">#669e80 radial gradient</p>
#669e80
linear gradient to complementary #9d6683
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #669e80, #9d6683); background: -webkit-linear-gradient(top, #669e80, #9d6683); background: -o-linear-gradient(top, #669e80, #9d6683); background: -ms-linear-gradient(top, #669e80, #9d6683); background: linear-gradient(top, #669e80, #9d6683); color: #000">
#669e80
linear gradient to complementary #9d6683
</p>
#669e80
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #669e80">#669e80 text shadow</p>
The matching paint colors are listed in order of relevancy to the #669e80
hex color code. Relevancy is determined by the average visual similarity of the top 4 related paints of each paint brand to the hex color #669e80
.
Jump to paint brand: