#20bc5f hex color

In a RGB color space, hex #20bc5f is composed of 12.5% red, 73.7% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 83% cyan, 0% magenta, 49.5% yellow and 26.3% black. It has a hue angle of 144.2 degrees, a saturation of 70.9% and a lightness of 43.1%. #20bc5f color hex could be obtained by blending #40ffbe with #007900. Closest websafe color is: #33cc66.

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

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

The hexadecimal color #20bc5f has RGB values of R:32, G:188, B:95 and CMYK values of C:0.83, M:0, Y:0.49, K:0.26. Its decimal value is 2145375.

Hex triplet	20bc5f	`#20bc5f`
RGB Decimal	32, 188, 95	`rgb(32,188,95)`
RGB Percent	12.5, 73.7, 37.3	`rgb(12.5%,73.7%,37.3%)`
CMYK	83, 0, 49, 26
HSL	144.2°, 70.9, 43.1	`hsl(144.2,70.9%,43.1%)`
HSV (or HSB)	144.2°, 83, 73.7
Web Safe	33cc66	`#33cc66`

CIE-LAB	67.35, -58.719, 36.228
XYZ	20.643, 37.098, 16.898
xyY	0.277, 0.497, 37.098
CIE-LCH	67.35, 68.996, 148.327
CIE-LUV	67.35, -58.061, 55.584
Hunter-Lab	60.908, -46.091, 26.186
Binary	00100000, 10111100, 01011111

#20bc5f
```
#20bc5f rgb(32,188,95)
```
#bc207d
```
#bc207d rgb(188,32,125)
```

Complementary Color

#2fbc20
```
#2fbc20 rgb(47,188,32)
```
#20bc5f
```
#20bc5f rgb(32,188,95)
```
#20bcad
```
#20bcad rgb(32,188,173)
```

Analogous Color

#bc202f
```
#bc202f rgb(188,32,47)
```
#20bc5f
```
#20bc5f rgb(32,188,95)
```
#ad20bc
```
#ad20bc rgb(173,32,188)
```

Split Complementary Color

#bc5f20
```
#bc5f20 rgb(188,95,32)
```
#20bc5f
```
#20bc5f rgb(32,188,95)
```
#5f20bc
```
#5f20bc rgb(95,32,188)
```

Triadic Color

#7dbc20
```
#7dbc20 rgb(125,188,32)
```
#20bc5f
```
#20bc5f rgb(32,188,95)
```
#5f20bc
```
#5f20bc rgb(95,32,188)
```
#bc207d
```
#bc207d rgb(188,32,125)
```

Tetradic Color

#157b3e
```
#157b3e rgb(21,123,62)
```
#199049
```
#199049 rgb(25,144,73)
```
#1ca654
```
#1ca654 rgb(28,166,84)
```
#20bc5f
```
#20bc5f rgb(32,188,95)
```
#24d26a
```
#24d26a rgb(36,210,106)
```
#33dc77
```
#33dc77 rgb(51,220,119)
```
#49e086
```
#49e086 rgb(73,224,134)
```

Monochromatic Color

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

#20bc38
```
#20bc38 rgb(32,188,56)
```
#20bc45
```
#20bc45 rgb(32,188,69)
```
#20bc52
```
#20bc52 rgb(32,188,82)
```
#20bc5f
```
#20bc5f rgb(32,188,95)
```
#20bc6c
```
#20bc6c rgb(32,188,108)
```
#20bc79
```
#20bc79 rgb(32,188,121)
```
#20bc86
```
#20bc86 rgb(32,188,134)
```

Similar Colors

Text with hexadecimal color #20bc5f

This text has a font color of #20bc5f.

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

#20bc5f background color

This paragraph has a background color of #20bc5f.

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

#20bc5f border color

This element has a border color of #20bc5f.

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

CSS codes

.text {color:#20bc5f;}

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

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

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

#010402
```
#010402 rgb(1,4,2)
```
#03140a
```
#03140a rgb(3,20,10)
```
#062513
```
#062513 rgb(6,37,19)
```
#09361b
```
#09361b rgb(9,54,27)
```
#0c4724
```
#0c4724 rgb(12,71,36)
```
#0f572c
```
#0f572c rgb(15,87,44)
```
#126835
```
#126835 rgb(18,104,53)
```
#15793d
```
#15793d rgb(21,121,61)
```
#178a46
```
#178a46 rgb(23,138,70)
```
#1a9a4e
```
#1a9a4e rgb(26,154,78)
```
#1dab57
```
#1dab57 rgb(29,171,87)
```
#20bc5f
```
#20bc5f rgb(32,188,95)
```
#23cd67
```
#23cd67 rgb(35,205,103)
```

Shade Color Variation

#29db71
```
#29db71 rgb(41,219,113)
```
#39dd7c
```
#39dd7c rgb(57,221,124)
```
#4ae087
```
#4ae087 rgb(74,224,135)
```
#5be392
```
#5be392 rgb(91,227,146)
```
#6ce69d
```
#6ce69d rgb(108,230,157)
```
#7de9a8
```
#7de9a8 rgb(125,233,168)
```
#8decb3
```
#8decb3 rgb(141,236,179)
```
#9eeebf
```
#9eeebf rgb(158,238,191)
```
#aff1ca
```
#aff1ca rgb(175,241,202)
```
#c0f4d5
```
#c0f4d5 rgb(192,244,213)
```
#d0f7e0
```
#d0f7e0 rgb(208,247,224)
```
#e1faeb
```
#e1faeb rgb(225,250,235)
```
#f2fdf6
```
#f2fdf6 rgb(242,253,246)
```

Tint Color Variation

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

#6c706e
```
#6c706e rgb(108,112,110)
```
#64786c
```
#64786c rgb(100,120,108)
```
#5b816a
```
#5b816a rgb(91,129,106)
```
#538969
```
#538969 rgb(83,137,105)
```
#4a9267
```
#4a9267 rgb(74,146,103)
```
#429a66
```
#429a66 rgb(66,154,102)
```
#39a364
```
#39a364 rgb(57,163,100)
```
#31ab62
```
#31ab62 rgb(49,171,98)
```
#28b461
```
#28b461 rgb(40,180,97)
```
#20bc5f
```
#20bc5f rgb(32,188,95)
```
#18c45d
```
#18c45d rgb(24,196,93)
```
#0fcd5c
```
#0fcd5c rgb(15,205,92)
```
#07d55a
```
#07d55a rgb(7,213,90)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#6f8e7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a85f Protanopia 1% of men
#c9a171 Deuteranopia 1% of men
#5bb5c2 Tritanopia 0.001% of the population

Trichromacy

#81af5f Protanomaly 1% of men, 0.01% of women
#8bab6b Deuteranomaly 6% of men, 0.4% of women
#46b79e Tritanomaly 0.01% of the population

#20bc5f hex color

#20bc5f Color Information

#20bc5f Color Conversion

Color Schemes with #20bc5f

Alternatives to #20bc5f

#20bc5f Preview

Shades and Tints of #20bc5f

Tones of #20bc5f

Color Blindness Simulator