#5bd5b1
Hex Color CodeThe hexadecimal color code #5bd5b1
is a shade of green-cyan. In the RGB color model #5bd5b1
is comprised of 35.69% red, 83.53% green and 69.41% blue. In the HSL color space #5bd5b1
has a hue of 162.3 degrees, 59.22% saturation and 59.61% lightness. This color has an approximate wavelength of 518 nm. Natural Color System / NCS S 1040-B80G is a matching paint color.
#5bd5b1
Color InformationInverted
#a42a4e 25% Saturated
#4be4b7 Grayscale
#989898
25% Lighter
#97e4cd Original
#5bd5b1 25% Darker
#2eb58d
mediumaquamarine
#66cdaa 25% Desaturated
#6ac5aa Web Safe: aqua
#00ffff
rgb(91, 213, 177)
rgba(91, 213, 177, 1.0)
red: 35.6863%, yellow: 63.7481%, blue: 83.5294%
#5bd5b1
6018481
-10758735 / 0xff5bd5b1
hsl(162, 59%, 60%)
hsla(162, 59%, 60%, 1.0)
hue: 162 (162.2951), saturation: 57 (57.277), value: 84 (83.5294)
X: 36.0444, Y: 52.987, Z: 49.9227
x: 0.2594, y: 0.3813, Y: 52.987
L: 77.8673, a: -42.6882, b: 7.6194
L: 77.8673, u: -51.436, v: 18.1931
L: 77.8673, C: 43.3628, H: 169.8798
L: 72.7921, a: -38.9985, b: 10.2919
cyan: 57 (0.5728), magenta: 0 (0), yellow: 17 (0.169), key: 16 (0.1647)
cyan: 64 (0.6431), magenta: 16 (0.1647), yellow: 31 (0.3059)
Y: 172.418, I: -61.1119, Q: -36.9985
Y: 172.418, U: 2.256, V: -71.4296
Y: 172.418, Db: 6.912, Dr: 154.814
Y: 164.085, Cb: 130.252, Cr: 76.998
Y: 184.422, Pb: -3.97, Pr: -59.344
7.5G 8/8 approximate; exact match: Munsell 7.5G 8/8 / #6fddbd
#5bd5b1
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#5bd5b1
to White#5bd5b1
to Black#5bd5b1
foreground
<p style="color: #5bd5b1; background-color: #000">#5bd5b1 foreground</p>
#5bd5b1
background
<p style="background-color: #5bd5b1">#5bd5b1 background</p>
#5bd5b1
border
<p style="border: #5bd5b1 3px solid">#5bd5b1 border</p>
#5bd5b1
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #5bd5b1, #fff); background: -webkit-radial-gradient(50% 50%, #5bd5b1, #fff); background: -o-radial-gradient(50% 50%, #5bd5b1, #fff); background: -ms-radial-gradient(50% 50%, #5bd5b1, #fff); background: radial-gradient(50% 50%, #5bd5b1, #fff)">#5bd5b1 radial gradient</p>
#5bd5b1
linear gradient to complementary #d55a7e
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #5bd5b1, #d55a7e); background: -webkit-linear-gradient(top, #5bd5b1, #d55a7e); background: -o-linear-gradient(top, #5bd5b1, #d55a7e); background: -ms-linear-gradient(top, #5bd5b1, #d55a7e); background: linear-gradient(top, #5bd5b1, #d55a7e); color: #000">
#5bd5b1
linear gradient to complementary #d55a7e
</p>
#5bd5b1
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #5bd5b1">#5bd5b1 text shadow</p>
The matching paint colors are listed in order of relevancy to the #5bd5b1
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 #5bd5b1
.
Jump to paint brand: