#20fd61 hex color

In a RGB color space, hex #20fd61 is composed of 12.5% red, 99.2% green and 38% blue. Whereas in a CMYK color space, it is composed of 87.4% cyan, 0% magenta, 61.7% yellow and 0.8% black. It has a hue angle of 137.6 degrees, a saturation of 98.2% and a lightness of 55.9%. #20fd61 color hex could be obtained by blending #40ffc2 with #00fb00. Closest websafe color is: #33ff66.

♥
- f
- t
- g
- R 13
- G 99
- B 38
RGB color chart
- C 87
- M 0
- Y 62
- K 1
CMYK color chart

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

The hexadecimal color #20fd61 has RGB values of R:32, G:253, B:97 and CMYK values of C:0.87, M:0, Y:0.62, K:0.01. Its decimal value is 2162017.

Hex triplet	20fd61	`#20fd61`
RGB Decimal	32, 253, 97	`rgb(32,253,97)`
RGB Percent	12.5, 99.2, 38	`rgb(12.5%,99.2%,38%)`
CMYK	87, 0, 62, 1
HSL	137.6°, 98.2, 55.9	`hsl(137.6,98.2%,55.9%)`
HSV (or HSB)	137.6°, 87.4, 99.2
Web Safe	33ff66	`#33ff66`

CIE-LAB	87.687, -78.985, 59.492
XYZ	37.876, 71.416, 23.097
xyY	0.286, 0.539, 71.416
CIE-LCH	87.687, 98.883, 143.013
CIE-LUV	87.687, -78.967, 87.887
Hunter-Lab	84.508, -67.887, 42.951
Binary	00100000, 11111101, 01100001

#20fd61
```
#20fd61 rgb(32,253,97)
```
#fd20bc
```
#fd20bc rgb(253,32,188)
```

Complementary Color

#4dfd20
```
#4dfd20 rgb(77,253,32)
```
#20fd61
```
#20fd61 rgb(32,253,97)
```
#20fdd0
```
#20fdd0 rgb(32,253,208)
```

Analogous Color

#fd204d
```
#fd204d rgb(253,32,77)
```
#20fd61
```
#20fd61 rgb(32,253,97)
```
#d020fd
```
#d020fd rgb(208,32,253)
```

Split Complementary Color

#fd6120
```
#fd6120 rgb(253,97,32)
```
#20fd61
```
#20fd61 rgb(32,253,97)
```
#6120fd
```
#6120fd rgb(97,32,253)
```

Triadic Color

#bcfd20
```
#bcfd20 rgb(188,253,32)
```
#20fd61
```
#20fd61 rgb(32,253,97)
```
#6120fd
```
#6120fd rgb(97,32,253)
```
#fd20bc
```
#fd20bc rgb(253,32,188)
```

Tetradic Color

#02cf3e
```
#02cf3e rgb(2,207,62)
```
#02e846
```
#02e846 rgb(2,232,70)
```
#07fd4f
```
#07fd4f rgb(7,253,79)
```
#20fd61
```
#20fd61 rgb(32,253,97)
```
#39fd73
```
#39fd73 rgb(57,253,115)
```
#53fd85
```
#53fd85 rgb(83,253,133)
```
#6cfe97
```
#6cfe97 rgb(108,254,151)
```

Monochromatic Color

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

#20fd2a
```
#20fd2a rgb(32,253,42)
```
#20fd3c
```
#20fd3c rgb(32,253,60)
```
#20fd4f
```
#20fd4f rgb(32,253,79)
```
#20fd61
```
#20fd61 rgb(32,253,97)
```
#20fd73
```
#20fd73 rgb(32,253,115)
```
#20fd86
```
#20fd86 rgb(32,253,134)
```
#20fd98
```
#20fd98 rgb(32,253,152)
```

Similar Colors

Text with hexadecimal color #20fd61

This text has a font color of #20fd61.

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

#20fd61 background color

This paragraph has a background color of #20fd61.

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

#20fd61 border color

This element has a border color of #20fd61.

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

CSS codes

.text {color:#20fd61;}

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

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

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, #000a03 is the darkest color, while #f6fff9 is the lightest one.

#000a03
```
#000a03 rgb(0,10,3)
```
#001e09
```
#001e09 rgb(0,30,9)
```
#00310f
```
#00310f rgb(0,49,15)
```
#014515
```
#014515 rgb(1,69,21)
```
#01581a
```
#01581a rgb(1,88,26)
```
#016b20
```
#016b20 rgb(1,107,32)
```
#017f26
```
#017f26 rgb(1,127,38)
```
#01922c
```
#01922c rgb(1,146,44)
```
#01a632
```
#01a632 rgb(1,166,50)
```
#02b938
```
#02b938 rgb(2,185,56)
```
#02cd3e
```
#02cd3e rgb(2,205,62)
```
#02e043
```
#02e043 rgb(2,224,67)
```
#02f449
```
#02f449 rgb(2,244,73)
```

Shade Color Variation

#0dfd53
```
#0dfd53 rgb(13,253,83)
```
#20fd61
```
#20fd61 rgb(32,253,97)
```
#33fd6f
```
#33fd6f rgb(51,253,111)
```
#47fd7d
```
#47fd7d rgb(71,253,125)
```
#5afe8a
```
#5afe8a rgb(90,254,138)
```
#6efe98
```
#6efe98 rgb(110,254,152)
```
#81fea6
```
#81fea6 rgb(129,254,166)
```
#95feb4
```
#95feb4 rgb(149,254,180)
```
#a8fec1
```
#a8fec1 rgb(168,254,193)
```
#bcfecf
```
#bcfecf rgb(188,254,207)
```
#cfffdd
```
#cfffdd rgb(207,255,221)
```
#e2ffeb
```
#e2ffeb rgb(226,255,235)
```
#f6fff9
```
#f6fff9 rgb(246,255,249)
```

Tint Color Variation

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

#88958c
```
#88958c rgb(136,149,140)
```
#7f9e88
```
#7f9e88 rgb(127,158,136)
```
#77a685
```
#77a685 rgb(119,166,133)
```
#6eaf81
```
#6eaf81 rgb(110,175,129)
```
#65b87e
```
#65b87e rgb(101,184,126)
```
#5dc07a
```
#5dc07a rgb(93,192,122)
```
#54c976
```
#54c976 rgb(84,201,118)
```
#4bd273
```
#4bd273 rgb(75,210,115)
```
#43da6f
```
#43da6f rgb(67,218,111)
```
#3ae36c
```
#3ae36c rgb(58,227,108)
```
#31ec68
```
#31ec68 rgb(49,236,104)
```
#29f465
```
#29f465 rgb(41,244,101)
```
#20fd61
```
#20fd61 rgb(32,253,97)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#8eba9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5dd60 Protanopia 1% of men
#ffd7a4 Deuteranopia 1% of men
#7bedff Tritanopia 0.001% of the population

Trichromacy

#a8e960 Protanomaly 1% of men, 0.01% of women
#ade48c Deuteranomaly 6% of men, 0.4% of women
#5af3c5 Tritanomaly 0.01% of the population

#20fd61 hex color

#20fd61 Color Information

#20fd61 Color Conversion

Color Schemes with #20fd61

Alternatives to #20fd61

#20fd61 Preview

Shades and Tints of #20fd61

Tones of #20fd61

Color Blindness Simulator