#20d970 hex color

In a RGB color space, hex #20d970 is composed of 12.5% red, 85.1% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 85.3% cyan, 0% magenta, 48.4% yellow and 14.9% black. It has a hue angle of 145.9 degrees, a saturation of 74.3% and a lightness of 48.8%. #20d970 color hex could be obtained by blending #40ffe0 with #00b300. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 13
- G 85
- B 44
RGB color chart
- C 85
- M 0
- Y 48
- K 15
CMYK color chart

● #20d970 color description : Vivid cyan - lime green.

The hexadecimal color #20d970 has RGB values of R:32, G:217, B:112 and CMYK values of C:0.85, M:0, Y:0.48, K:0.15. Its decimal value is 2152816.

Hex triplet	20d970	`#20d970`
RGB Decimal	32, 217, 112	`rgb(32,217,112)`
RGB Percent	12.5, 85.1, 43.9	`rgb(12.5%,85.1%,43.9%)`
CMYK	85, 0, 48, 15
HSL	145.9°, 74.3, 48.8	`hsl(145.9,74.3%,48.8%)`
HSV (or HSB)	145.9°, 85.3, 85.1
Web Safe	33cc66	`#33cc66`

CIE-LAB	76.739, -65.739, 39.591
XYZ	28.331, 51.1, 23.698
xyY	0.275, 0.495, 51.1
CIE-LCH	76.739, 76.74, 148.942
CIE-LUV	76.739, -66.808, 62.621
Hunter-Lab	71.484, -54.352, 30.383
Binary	00100000, 11011001, 01110000

#20d970
```
#20d970 rgb(32,217,112)
```
#d92089
```
#d92089 rgb(217,32,137)
```

Complementary Color

#2dd920
```
#2dd920 rgb(45,217,32)
```
#20d970
```
#20d970 rgb(32,217,112)
```
#20d9cd
```
#20d9cd rgb(32,217,205)
```

Analogous Color

#d9202d
```
#d9202d rgb(217,32,45)
```
#20d970
```
#20d970 rgb(32,217,112)
```
#cd20d9
```
#cd20d9 rgb(205,32,217)
```

Split Complementary Color

#d97020
```
#d97020 rgb(217,112,32)
```
#20d970
```
#20d970 rgb(32,217,112)
```
#7020d9
```
#7020d9 rgb(112,32,217)
```

Triadic Color

#89d920
```
#89d920 rgb(137,217,32)
```
#20d970
```
#20d970 rgb(32,217,112)
```
#7020d9
```
#7020d9 rgb(112,32,217)
```
#d92089
```
#d92089 rgb(217,32,137)
```

Tetradic Color

#16964e
```
#16964e rgb(22,150,78)
```
#19ad59
```
#19ad59 rgb(25,173,89)
```
#1dc365
```
#1dc365 rgb(29,195,101)
```
#20d970
```
#20d970 rgb(32,217,112)
```
#32e17d
```
#32e17d rgb(50,225,125)
```
#48e48b
```
#48e48b rgb(72,228,139)
```
#5ee799
```
#5ee799 rgb(94,231,153)
```

Monochromatic Color

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

#20d942
```
#20d942 rgb(32,217,66)
```
#20d951
```
#20d951 rgb(32,217,81)
```
#20d961
```
#20d961 rgb(32,217,97)
```
#20d970
```
#20d970 rgb(32,217,112)
```
#20d97f
```
#20d97f rgb(32,217,127)
```
#20d98f
```
#20d98f rgb(32,217,143)
```
#20d99e
```
#20d99e rgb(32,217,158)
```

Similar Colors

Text with hexadecimal color #20d970

This text has a font color of #20d970.

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

#20d970 background color

This paragraph has a background color of #20d970.

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

#20d970 border color

This element has a border color of #20d970.

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

CSS codes

.text {color:#20d970;}

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

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

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

#020c06
```
#020c06 rgb(2,12,6)
```
#041d0f
```
#041d0f rgb(4,29,15)
```
#072e18
```
#072e18 rgb(7,46,24)
```
#093f21
```
#093f21 rgb(9,63,33)
```
#0c5029
```
#0c5029 rgb(12,80,41)
```
#0e6132
```
#0e6132 rgb(14,97,50)
```
#11723b
```
#11723b rgb(17,114,59)
```
#138444
```
#138444 rgb(19,132,68)
```
#16954d
```
#16954d rgb(22,149,77)
```
#18a656
```
#18a656 rgb(24,166,86)
```
#1bb75e
```
#1bb75e rgb(27,183,94)
```
#1dc867
```
#1dc867 rgb(29,200,103)
```
#20d970
```
#20d970 rgb(32,217,112)
```

Shade Color Variation

#2de07a
```
#2de07a rgb(45,224,122)
```
#3ee285
```
#3ee285 rgb(62,226,133)
```
#4fe590
```
#4fe590 rgb(79,229,144)
```
#60e89b
```
#60e89b rgb(96,232,155)
```
#71eaa5
```
#71eaa5 rgb(113,234,165)
```
#82edb0
```
#82edb0 rgb(130,237,176)
```
#93efbb
```
#93efbb rgb(147,239,187)
```
#a4f2c6
```
#a4f2c6 rgb(164,242,198)
```
#b5f4d1
```
#b5f4d1 rgb(181,244,209)
```
#c6f7db
```
#c6f7db rgb(198,247,219)
```
#d8f9e6
```
#d8f9e6 rgb(216,249,230)
```
#e9fcf1
```
#e9fcf1 rgb(233,252,241)
```
#fafefc
```
#fafefc rgb(250,254,252)
```

Tint Color Variation

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

#76837c
```
#76837c rgb(118,131,124)
```
#6d8c7a
```
#6d8c7a rgb(109,140,122)
```
#639679
```
#639679 rgb(99,150,121)
```
#59a078
```
#59a078 rgb(89,160,120)
```
#50a976
```
#50a976 rgb(80,169,118)
```
#46b375
```
#46b375 rgb(70,179,117)
```
#3dbc74
```
#3dbc74 rgb(61,188,116)
```
#33c673
```
#33c673 rgb(51,198,115)
```
#2acf71
```
#2acf71 rgb(42,207,113)
```
#20d970
```
#20d970 rgb(32,217,112)
```
#16e36f
```
#16e36f rgb(22,227,111)
```
#0dec6d
```
#0dec6d rgb(13,236,109)
```
#03f66c
```
#03f66c rgb(3,246,108)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#7ea38e Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3c06e Protanopia 1% of men
#e5b883 Deuteranopia 1% of men
#66cfde Tritanopia 0.001% of the population

Trichromacy

#92c96e Protanomaly 1% of men, 0.01% of women
#9dc47c Deuteranomaly 6% of men, 0.4% of women
#4cd2b6 Tritanomaly 0.01% of the population

#20d970 hex color

#20d970 Color Information

#20d970 Color Conversion

Color Schemes with #20d970

Alternatives to #20d970

#20d970 Preview

Shades and Tints of #20d970

Tones of #20d970

Color Blindness Simulator