#20bd80 hex color

In a RGB color space, hex #20bd80 is composed of 12.5% red, 74.1% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 83.1% cyan, 0% magenta, 32.3% yellow and 25.9% black. It has a hue angle of 156.7 degrees, a saturation of 71% and a lightness of 43.3%. #20bd80 color hex could be obtained by blending #40ffff with #007b01. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 13
- G 74
- B 50
RGB color chart
- C 83
- M 0
- Y 32
- K 26
CMYK color chart

● #20bd80 color description : Strong cyan - lime green.

The hexadecimal color #20bd80 has RGB values of R:32, G:189, B:128 and CMYK values of C:0.83, M:0, Y:0.32, K:0.26. Its decimal value is 2145664.

Hex triplet	20bd80	`#20bd80`
RGB Decimal	32, 189, 128	`rgb(32,189,128)`
RGB Percent	12.5, 74.1, 50.2	`rgb(12.5%,74.1%,50.2%)`
CMYK	83, 0, 32, 26
HSL	156.7°, 71, 43.3	`hsl(156.7,71%,43.3%)`
HSV (or HSB)	156.7°, 83.1, 74.1
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.211, -52.816, 20.148
XYZ	22.688, 38.258, 26.61
xyY	0.259, 0.437, 38.258
CIE-LCH	68.211, 56.528, 159.119
CIE-LUV	68.211, -56.459, 36.113
Hunter-Lab	61.853, -42.77, 17.79
Binary	00100000, 10111101, 10000000

#20bd80
```
#20bd80 rgb(32,189,128)
```
#bd205d
```
#bd205d rgb(189,32,93)
```

Complementary Color

#20bd32
```
#20bd32 rgb(32,189,50)
```
#20bd80
```
#20bd80 rgb(32,189,128)
```
#20acbd
```
#20acbd rgb(32,172,189)
```

Analogous Color

#bd3220
```
#bd3220 rgb(189,50,32)
```
#20bd80
```
#20bd80 rgb(32,189,128)
```
#bd20ac
```
#bd20ac rgb(189,32,172)
```

Split Complementary Color

#bd8020
```
#bd8020 rgb(189,128,32)
```
#20bd80
```
#20bd80 rgb(32,189,128)
```
#8020bd
```
#8020bd rgb(128,32,189)
```

Triadic Color

#5dbd20
```
#5dbd20 rgb(93,189,32)
```
#20bd80
```
#20bd80 rgb(32,189,128)
```
#8020bd
```
#8020bd rgb(128,32,189)
```
#bd205d
```
#bd205d rgb(189,32,93)
```

Tetradic Color

#157c54
```
#157c54 rgb(21,124,84)
```
#199162
```
#199162 rgb(25,145,98)
```
#1ca771
```
#1ca771 rgb(28,167,113)
```
#20bd80
```
#20bd80 rgb(32,189,128)
```
#24d38f
```
#24d38f rgb(36,211,143)
```
#33dd9b
```
#33dd9b rgb(51,221,155)
```
#49e0a6
```
#49e0a6 rgb(73,224,166)
```

Monochromatic Color

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

#20bd59
```
#20bd59 rgb(32,189,89)
```
#20bd66
```
#20bd66 rgb(32,189,102)
```
#20bd73
```
#20bd73 rgb(32,189,115)
```
#20bd80
```
#20bd80 rgb(32,189,128)
```
#20bd8d
```
#20bd8d rgb(32,189,141)
```
#20bd9a
```
#20bd9a rgb(32,189,154)
```
#20bda7
```
#20bda7 rgb(32,189,167)
```

Similar Colors

Text with hexadecimal color #20bd80

This text has a font color of #20bd80.

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

#20bd80 background color

This paragraph has a background color of #20bd80.

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

#20bd80 border color

This element has a border color of #20bd80.

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

CSS codes

.text {color:#20bd80;}

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

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

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, #010403 is the darkest color, while #f3fdf9 is the lightest one.

#010403
```
#010403 rgb(1,4,3)
```
#04150e
```
#04150e rgb(4,21,14)
```
#06261a
```
#06261a rgb(6,38,26)
```
#093725
```
#093725 rgb(9,55,37)
```
#0c4830
```
#0c4830 rgb(12,72,48)
```
#0f583c
```
#0f583c rgb(15,88,60)
```
#126947
```
#126947 rgb(18,105,71)
```
#157a53
```
#157a53 rgb(21,122,83)
```
#178b5e
```
#178b5e rgb(23,139,94)
```
#1a9b69
```
#1a9b69 rgb(26,155,105)
```
#1dac75
```
#1dac75 rgb(29,172,117)
```
#20bd80
```
#20bd80 rgb(32,189,128)
```
#23ce8b
```
#23ce8b rgb(35,206,139)
```

Shade Color Variation

#29db96
```
#29db96 rgb(41,219,150)
```
#3ade9e
```
#3ade9e rgb(58,222,158)
```
#4be1a6
```
#4be1a6 rgb(75,225,166)
```
#5ce3af
```
#5ce3af rgb(92,227,175)
```
#6ce6b7
```
#6ce6b7 rgb(108,230,183)
```
#7de9bf
```
#7de9bf rgb(125,233,191)
```
#8eecc7
```
#8eecc7 rgb(142,236,199)
```
#9fefd0
```
#9fefd0 rgb(159,239,208)
```
#b0f2d8
```
#b0f2d8 rgb(176,242,216)
```
#c0f4e0
```
#c0f4e0 rgb(192,244,224)
```
#d1f7e8
```
#d1f7e8 rgb(209,247,232)
```
#e2faf1
```
#e2faf1 rgb(226,250,241)
```
#f3fdf9
```
#f3fdf9 rgb(243,253,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d716f is the less saturated color, while #06d786 is the most saturated one.

#6d716f
```
#6d716f rgb(109,113,111)
```
#647971
```
#647971 rgb(100,121,113)
```
#5c8273
```
#5c8273 rgb(92,130,115)
```
#538a75
```
#538a75 rgb(83,138,117)
```
#4b9377
```
#4b9377 rgb(75,147,119)
```
#429b78
```
#429b78 rgb(66,155,120)
```
#3aa47a
```
#3aa47a rgb(58,164,122)
```
#31ac7c
```
#31ac7c rgb(49,172,124)
```
#29b57e
```
#29b57e rgb(41,181,126)
```
#20bd80
```
#20bd80 rgb(32,189,128)
```
#18c682
```
#18c682 rgb(24,198,130)
```
#0fce84
```
#0fce84 rgb(15,206,132)
```
#06d786
```
#06d786 rgb(6,215,134)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#729286 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7aa7d Protanopia 1% of men
#c4a490 Deuteranopia 1% of men
#55b8c5 Tritanopia 0.001% of the population

Trichromacy

#80b17e Protanomaly 1% of men, 0.01% of women
#88ad8a Deuteranomaly 6% of men, 0.4% of women
#41baac Tritanomaly 0.01% of the population

#20bd80 hex color

#20bd80 Color Information

#20bd80 Color Conversion

Color Schemes with #20bd80

Alternatives to #20bd80

#20bd80 Preview

Shades and Tints of #20bd80

Tones of #20bd80

Color Blindness Simulator