#5cb8a0
Hex Color CodeThe hexadecimal color code #5cb8a0
is a shade of green-cyan. In the RGB color model #5cb8a0
is comprised of 36.08% red, 72.16% green and 62.75% blue. In the HSL color space #5cb8a0
has a hue of 164.35 degrees, 39.32% saturation and 54.12% lightness. This color has an approximate wavelength of 517 nm. Caparol 75 12 180 / Patina 80 is a matching paint color.
#5cb8a0
Color InformationInverted
#a3475f 25% Saturated
#50c3a5 Grayscale
#8a8a8a
25% Lighter
#8cccbc Original
#5cb8a0 25% Darker
#3e907a
lightseagreen
#20b2aa 25% Desaturated
#67ac9a Web Safe: teal
#008080
rgb(92, 184, 160)
rgba(92, 184, 160, 1.0)
red: 36.0784%, yellow: 56.8235%, blue: 72.1569%
#5cb8a0
6076576
-10700640 / 0xff5cb8a0
hsl(164, 39%, 54%)
hsla(164, 39%, 54%, 1.0)
hue: 164 (164.3478), saturation: 50 (50), value: 72 (72.1569)
X: 27.8993, Y: 39.0944, Z: 39.3332
x: 0.2624, y: 0.3677, Y: 39.0944
L: 68.8196, a: -33.3083, b: 3.8013
L: 68.8196, u: -40.6622, v: 10.8483
L: 68.8196, C: 33.5245, H: 173.4893
L: 62.5255, a: -29.7717, b: 6.47
cyan: 50 (0.5), magenta: 0 (0), yellow: 13 (0.1304), key: 28 (0.2784)
cyan: 64 (0.6392), magenta: 28 (0.2784), yellow: 37 (0.3725)
Y: 153.756, I: -47.0956, Q: -26.9212
Y: 153.756, U: 3.0738, V: -54.1798
Y: 153.756, Db: 9.408, Dr: 117.428
Y: 148.06, Cb: 131.08, Cr: 89.316
Y: 162.676, Pb: -1.42, Pr: -44.896
7.5G 7/6 approximate; exact match: Munsell 7.5G 7/6 / #73bda7
#5cb8a0
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#5cb8a0
to White#5cb8a0
to Black#5cb8a0
foreground
<p style="color: #5cb8a0; background-color: #000">#5cb8a0 foreground</p>
#5cb8a0
background
<p style="background-color: #5cb8a0">#5cb8a0 background</p>
#5cb8a0
border
<p style="border: #5cb8a0 3px solid">#5cb8a0 border</p>
#5cb8a0
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #5cb8a0, #fff); background: -webkit-radial-gradient(50% 50%, #5cb8a0, #fff); background: -o-radial-gradient(50% 50%, #5cb8a0, #fff); background: -ms-radial-gradient(50% 50%, #5cb8a0, #fff); background: radial-gradient(50% 50%, #5cb8a0, #fff)">#5cb8a0 radial gradient</p>
#5cb8a0
linear gradient to complementary #b85b74
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #5cb8a0, #b85b74); background: -webkit-linear-gradient(top, #5cb8a0, #b85b74); background: -o-linear-gradient(top, #5cb8a0, #b85b74); background: -ms-linear-gradient(top, #5cb8a0, #b85b74); background: linear-gradient(top, #5cb8a0, #b85b74); color: #000">
#5cb8a0
linear gradient to complementary #b85b74
</p>
#5cb8a0
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #5cb8a0">#5cb8a0 text shadow</p>
The matching paint colors are listed in order of relevancy to the #5cb8a0
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 #5cb8a0
.
Jump to paint brand: