#20dc30 hex color

In a RGB color space, hex #20dc30 is composed of 12.5% red, 86.3% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 0% magenta, 78.2% yellow and 13.7% black. It has a hue angle of 125.1 degrees, a saturation of 74.6% and a lightness of 49.4%. #20dc30 color hex could be obtained by blending #40ff60 with #00b900. Closest websafe color is: #33cc33.

♥
- f
- t
- g
- R 13
- G 86
- B 19
RGB color chart
- C 85
- M 0
- Y 78
- K 14
CMYK color chart

● #20dc30 color description : Vivid lime green.

The hexadecimal color #20dc30 has RGB values of R:32, G:220, B:48 and CMYK values of C:0.85, M:0, Y:0.78, K:0.14. Its decimal value is 2153520.

Hex triplet	20dc30	`#20dc30`
RGB Decimal	32, 220, 48	`rgb(32,220,48)`
RGB Percent	12.5, 86.3, 18.8	`rgb(12.5%,86.3%,18.8%)`
CMYK	85, 0, 78, 14
HSL	125.1°, 74.6, 49.4	`hsl(125.1,74.6%,49.4%)`
HSV (or HSB)	125.1°, 85.5, 86.3
Web Safe	33cc33	`#33cc33`

CIE-LAB	77.103, -73.761, 66.349
XYZ	26.721, 51.704, 11.368
xyY	0.298, 0.576, 51.704
CIE-LCH	77.103, 99.211, 138.028
CIE-LUV	77.103, -70.212, 88.237
Hunter-Lab	71.905, -59.502, 40.961
Binary	00100000, 11011100, 00110000

#20dc30
```
#20dc30 rgb(32,220,48)
```
#dc20cc
```
#dc20cc rgb(220,32,204)
```

Complementary Color

#6edc20
```
#6edc20 rgb(110,220,32)
```
#20dc30
```
#20dc30 rgb(32,220,48)
```
#20dc8e
```
#20dc8e rgb(32,220,142)
```

Analogous Color

#dc206e
```
#dc206e rgb(220,32,110)
```
#20dc30
```
#20dc30 rgb(32,220,48)
```
#8e20dc
```
#8e20dc rgb(142,32,220)
```

Split Complementary Color

#dc3020
```
#dc3020 rgb(220,48,32)
```
#20dc30
```
#20dc30 rgb(32,220,48)
```
#3020dc
```
#3020dc rgb(48,32,220)
```

Triadic Color

#ccdc20
```
#ccdc20 rgb(204,220,32)
```
#20dc30
```
#20dc30 rgb(32,220,48)
```
#3020dc
```
#3020dc rgb(48,32,220)
```
#dc20cc
```
#dc20cc rgb(220,32,204)
```

Tetradic Color

#169921
```
#169921 rgb(22,153,33)
```
#1aaf26
```
#1aaf26 rgb(26,175,38)
```
#1dc62b
```
#1dc62b rgb(29,198,43)
```
#20dc30
```
#20dc30 rgb(32,220,48)
```
#34e143
```
#34e143 rgb(52,225,67)
```
#4ae557
```
#4ae557 rgb(74,229,87)
```
#61e86c
```
#61e86c rgb(97,232,108)
```

Monochromatic Color

Below, you can see some colors close to #20dc30. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#3fdc20
```
#3fdc20 rgb(63,220,32)
```
#2fdc20
```
#2fdc20 rgb(47,220,32)
```
#20dc20
```
#20dc20 rgb(32,220,32)
```
#20dc30
```
#20dc30 rgb(32,220,48)
```
#20dc40
```
#20dc40 rgb(32,220,64)
```
#20dc4f
```
#20dc4f rgb(32,220,79)
```
#20dc5f
```
#20dc5f rgb(32,220,95)
```

Similar Colors

Text with hexadecimal color #20dc30

This text has a font color of #20dc30.

<span style="color:#20dc30;">Text here</span>

#20dc30 background color

This paragraph has a background color of #20dc30.

<p style="background-color:#20dc30;">Content here</p>

#20dc30 border color

This element has a border color of #20dc30.

<div style="border:1px solid #20dc30;">Content here</div>

CSS codes

.text {color:#20dc30;}

.background {background-color:#20dc30;}

.border {border:1px solid #20dc30;}

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, #020f03 is the darkest color, while #fcfffd is the lightest one.

#020f03
```
#020f03 rgb(2,15,3)
```
#052007
```
#052007 rgb(5,32,7)
```
#07310b
```
#07310b rgb(7,49,11)
```
#0a420e
```
#0a420e rgb(10,66,14)
```
#0c5312
```
#0c5312 rgb(12,83,18)
```
#0f6416
```
#0f6416 rgb(15,100,22)
```
#11751a
```
#11751a rgb(17,117,26)
```
#14861d
```
#14861d rgb(20,134,29)
```
#169821
```
#169821 rgb(22,152,33)
```
#19a925
```
#19a925 rgb(25,169,37)
```
#1bba29
```
#1bba29 rgb(27,186,41)
```
#1ecb2c
```
#1ecb2c rgb(30,203,44)
```
#20dc30
```
#20dc30 rgb(32,220,48)
```

Shade Color Variation

#2fe13e
```
#2fe13e rgb(47,225,62)
```
#40e34e
```
#40e34e rgb(64,227,78)
```
#51e65e
```
#51e65e rgb(81,230,94)
```
#62e86e
```
#62e86e rgb(98,232,110)
```
#73eb7e
```
#73eb7e rgb(115,235,126)
```
#85ed8d
```
#85ed8d rgb(133,237,141)
```
#96f09d
```
#96f09d rgb(150,240,157)
```
#a7f2ad
```
#a7f2ad rgb(167,242,173)
```
#b8f5bd
```
#b8f5bd rgb(184,245,189)
```
#c9f7cd
```
#c9f7cd rgb(201,247,205)
```
#dafadd
```
#dafadd rgb(218,250,221)
```
#ebfced
```
#ebfced rgb(235,252,237)
```
#fcfffd
```
#fcfffd rgb(252,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #778578 is the less saturated color, while #03f918 is the most saturated one.

#778578
```
#778578 rgb(119,133,120)
```
#6e8e70
```
#6e8e70 rgb(110,142,112)
```
#649868
```
#649868 rgb(100,152,104)
```
#5aa260
```
#5aa260 rgb(90,162,96)
```
#50ac58
```
#50ac58 rgb(80,172,88)
```
#47b550
```
#47b550 rgb(71,181,80)
```
#3dbf48
```
#3dbf48 rgb(61,191,72)
```
#33c940
```
#33c940 rgb(51,201,64)
```
#2ad238
```
#2ad238 rgb(42,210,56)
```
#20dc30
```
#20dc30 rgb(32,220,48)
```
#16e628
```
#16e628 rgb(22,230,40)
```
#0def20
```
#0def20 rgb(13,239,32)
```
#03f918
```
#03f918 rgb(3,249,24)
```

Tone Color Variation

Below, you can see how #20dc30 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.

Monochromacy

#909090 Achromatopsia 0.005% of the population
#7a9f7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8c233 Protanopia 1% of men
#efb84e Deuteranopia 1% of men
#6fcfde Tritanopia 0.001% of the population

Trichromacy

#95cb32 Protanomaly 1% of men, 0.01% of women
#a3c543 Deuteranomaly 6% of men, 0.4% of women
#52d49f Tritanomaly 0.01% of the population

#20dc30 hex color

#20dc30 Color Information

#20dc30 Color Conversion

Color Schemes with #20dc30

Alternatives to #20dc30

#20dc30 Preview

Shades and Tints of #20dc30

Tones of #20dc30

Color Blindness Simulator