Color Charts
RGB
CMYK
RYB
#22dc96 Hex Color CodeThe hexadecimal color code #22dc96 is a shade of green-cyan. In the RGB color model #22dc96 is comprised of 13.33% red, 86.27% green and 58.82% blue. In the HSL color space #22dc96 has a hue of 157.42 degrees, 73.23% saturation and 49.8% lightness. This color has an approximate wavelength of 521 nm.
#22dc96 Color InformationInverted
#dd2369 25% Saturated
#0af39b Grayscale
#7f7f7f
25% Lighter
#58e5b0 Original
#22dc96 25% Darker
#19a570
mediumspringgreen
#00fa9a 25% Desaturated
#39c490 Web Safe: lime
#00ff00
rgb(34, 220, 150)
rgba(34, 220, 150, 1.0)
red: 13.3333%, yellow: 58.2574%, blue: 86.2745%
#22dc96
2284694
-14492522 / 0xff22dc96
hsl(157, 73%, 50%)
hsla(157, 73%, 50%, 1.0)
hue: 157 (157.4194), saturation: 85 (84.5455), value: 86 (86.2745)
X: 31.7579, Y: 53.7285, Z: 37.551
x: 0.2581, y: 0.4367, Y: 53.7285
L: 78.3031, a: -59.523, b: 22.337
L: 78.3031, u: -65.3212, v: 41.2157
L: 78.3031, C: 63.5762, H: 159.4305
L: 73.2997, a: -50.9374, b: 20.9359
cyan: 85 (0.8455), magenta: 0 (0), yellow: 32 (0.3182), key: 14 (0.1373)
cyan: 87 (0.8667), magenta: 14 (0.1373), yellow: 41 (0.4118)
Y: 156.406, I: -88.3148, Q: -61.1103
Y: 156.406, U: -3.1516, V: -107.3893
Y: 156.406, Db: -9.61, Dr: 232.748
Y: 150.318, Cb: 124.798, Cr: 51.316
Y: 175.342, Pb: -13.61, Pr: -89.78
5G 8/12 (approximate)
#22dc96 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#22dc96 to White#22dc96 to Black#22dc96 foreground
<p style="color: #22dc96; background-color: #000">#22dc96 foreground</p>
#22dc96 background
<p style="background-color: #22dc96">#22dc96 background</p>
#22dc96 border
<p style="border: #22dc96 3px solid">#22dc96 border</p>
#22dc96 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #22dc96, #fff); background: -webkit-radial-gradient(50% 50%, #22dc96, #fff); background: -o-radial-gradient(50% 50%, #22dc96, #fff); background: -ms-radial-gradient(50% 50%, #22dc96, #fff); background: radial-gradient(50% 50%, #22dc96, #fff)">#22dc96 radial gradient</p>
#22dc96 linear gradient to complementary #dc2167
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #22dc96, #dc2167); background: -webkit-linear-gradient(top, #22dc96, #dc2167); background: -o-linear-gradient(top, #22dc96, #dc2167); background: -ms-linear-gradient(top, #22dc96, #dc2167); background: linear-gradient(top, #22dc96, #dc2167); color: #000">#22dc96 linear gradient to complementary #dc2167</p>
#22dc96 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #22dc96">#22dc96 text shadow</p>
The matching paint colors are listed in order of relevancy to the #22dc96 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 #22dc96.
Jump to paint brand: