#20cc60 Color Information
In a RGB color space, hex #20cc60 is composed of 12.5% red, 80% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 84.3% cyan, 0% magenta, 52.9% yellow and 20% black. It has a hue angle of 142.3 degrees, a saturation of 72.9% and a lightness of 46.3%. #20cc60 color hex could be obtained by blending #40ffc0 with #009900. Closest websafe color is: #33cc66.
-
- R 13
- G 80
- B 38
-
- C 84
- M 0
- Y 53
- K 20
● #20cc60 color description : Strong cyan - lime green.
#20cc60 Color Conversion
The hexadecimal color #20cc60 has RGB values of R:32, G:204, B:96 and CMYK values of C:0.84, M:0, Y:0.53, K:0.2. Its decimal value is 2149472.
Hex triplet | 20cc60 | #20cc60 |
---|---|---|
RGB Decimal | 32, 204, 96 | rgb(32,204,96) |
RGB Percent | 12.5, 80, 37.6 | rgb(12.5%,80%,37.6%) |
CMYK | 84, 0, 53, 20 | |
HSL | 142.3°, 72.9, 46.3 | hsl(142.3,72.9%,46.3%) |
HSV (or HSB) | 142.3°, 84.3, 80 | |
Web Safe | 33cc66 | #33cc66 |
CIE-LAB | 72.452, -63.924, 42.045 |
---|---|
XYZ | 24.298, 44.335, 18.343 |
xyY | 0.279, 0.51, 44.335 |
CIE-LCH | 72.452, 76.512, 146.666 |
CIE-LUV | 72.452, -63.355, 63.785 |
Hunter-Lab | 66.584, -51.384, 30.276 |
Binary | 00100000, 11001100, 01100000 |
Color Schemes with #20cc60
Alternatives to #20cc60
Below, you can see some colors close to #20cc60. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20cc60 Preview
This text has a font color of #20cc60.
<span style="color:#20cc60;">Text here</span>
This paragraph has a background color of #20cc60.
<p style="background-color:#20cc60;">Content here</p>
This element has a border color of #20cc60.
<div style="border:1px solid #20cc60;">Content here</div>
.text {color:#20cc60;}
.background {background-color:#20cc60;}
.border {border:1px solid #20cc60;}
Shades and Tints of #20cc60
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000100 is the darkest color, while #effcf4 is the lightest one.
-
#000100
#000100
rgb(0,1,0)
-
#031108
#031108
rgb(3,17,8)
-
#052210
#052210
rgb(5,34,16)
-
#083318
#083318
rgb(8,51,24)
-
#0b4420
#0b4420
rgb(11,68,32)
-
#0d5528
#0d5528
rgb(13,85,40)
-
#106630
#106630
rgb(16,102,48)
-
#137738
#137738
rgb(19,119,56)
-
#158840
#158840
rgb(21,136,64)
-
#189948
#189948
rgb(24,153,72)
-
#1baa50
#1baa50
rgb(27,170,80)
-
#1dbb58
#1dbb58
rgb(29,187,88)
-
#20cc60
#20cc60
rgb(32,204,96)
-
#23dd68
#23dd68
rgb(35,221,104)
-
#34df74
#34df74
rgb(52,223,116)
-
#45e27f
#45e27f
rgb(69,226,127)
-
#56e48b
#56e48b
rgb(86,228,139)
-
#67e797
#67e797
rgb(103,231,151)
-
#78eaa2
#78eaa2
rgb(120,234,162)
-
#89ecae
#89ecae
rgb(137,236,174)
-
#9aefba
#9aefba
rgb(154,239,186)
-
#abf2c5
#abf2c5
rgb(171,242,197)
-
#bcf4d1
#bcf4d1
rgb(188,244,209)
-
#cdf7dc
#cdf7dc
rgb(205,247,220)
-
#defae8
#defae8
rgb(222,250,232)
-
#effcf4
#effcf4
rgb(239,252,244)
Tones of #20cc60
A tone is produced by adding gray to any pure hue. In this case, #727a75 is the less saturated color, while #05e759 is the most saturated one.
-
#727a75
#727a75
rgb(114,122,117)
-
#698373
#698373
rgb(105,131,115)
-
#608c70
#608c70
rgb(96,140,112)
-
#56966e
#56966e
rgb(86,150,110)
-
#4d9f6c
#4d9f6c
rgb(77,159,108)
-
#44a869
#44a869
rgb(68,168,105)
-
#3bb167
#3bb167
rgb(59,177,103)
-
#32ba65
#32ba65
rgb(50,186,101)
-
#29c362
#29c362
rgb(41,195,98)
-
#20cc60
#20cc60
rgb(32,204,96)
-
#17d55e
#17d55e
rgb(23,213,94)
-
#0ede5b
#0ede5b
rgb(14,222,91)
-
#05e759
#05e759
rgb(5,231,89)
Color Blindness Simulator
Below, you can see how #20cc60 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.