#20fd60 hex color

In a RGB color space, hex #20fd60 is composed of 12.5% red, 99.2% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 87.4% cyan, 0% magenta, 62.1% yellow and 0.8% black. It has a hue angle of 137.4 degrees, a saturation of 98.2% and a lightness of 55.9%. #20fd60 color hex could be obtained by blending #40ffc0 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

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

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

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

CIE-LAB	87.678, -79.096, 59.898
XYZ	37.83, 71.398, 22.853
xyY	0.286, 0.541, 71.398
CIE-LCH	87.678, 99.217, 142.864
CIE-LUV	87.678, -79.007, 88.274
Hunter-Lab	84.497, -67.955, 43.113
Binary	00100000, 11111101, 01100000

#20fd60
```
#20fd60 rgb(32,253,96)
```
#fd20bd
```
#fd20bd rgb(253,32,189)
```

Complementary Color

#4efd20
```
#4efd20 rgb(78,253,32)
```
#20fd60
```
#20fd60 rgb(32,253,96)
```
#20fdcf
```
#20fdcf rgb(32,253,207)
```

Analogous Color

#fd204e
```
#fd204e rgb(253,32,78)
```
#20fd60
```
#20fd60 rgb(32,253,96)
```
#cf20fd
```
#cf20fd rgb(207,32,253)
```

Split Complementary Color

#fd6020
```
#fd6020 rgb(253,96,32)
```
#20fd60
```
#20fd60 rgb(32,253,96)
```
#6020fd
```
#6020fd rgb(96,32,253)
```

Triadic Color

#bdfd20
```
#bdfd20 rgb(189,253,32)
```
#20fd60
```
#20fd60 rgb(32,253,96)
```
#6020fd
```
#6020fd rgb(96,32,253)
```
#fd20bd
```
#fd20bd rgb(253,32,189)
```

Tetradic Color

#02cf3d
```
#02cf3d rgb(2,207,61)
```
#02e845
```
#02e845 rgb(2,232,69)
```
#07fd4e
```
#07fd4e rgb(7,253,78)
```
#20fd60
```
#20fd60 rgb(32,253,96)
```
#39fd72
```
#39fd72 rgb(57,253,114)
```
#53fd84
```
#53fd84 rgb(83,253,132)
```
#6cfe96
```
#6cfe96 rgb(108,254,150)
```

Monochromatic Color

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

#20fd29
```
#20fd29 rgb(32,253,41)
```
#20fd3b
```
#20fd3b rgb(32,253,59)
```
#20fd4e
```
#20fd4e rgb(32,253,78)
```
#20fd60
```
#20fd60 rgb(32,253,96)
```
#20fd72
```
#20fd72 rgb(32,253,114)
```
#20fd85
```
#20fd85 rgb(32,253,133)
```
#20fd97
```
#20fd97 rgb(32,253,151)
```

Similar Colors

Text with hexadecimal color #20fd60

This text has a font color of #20fd60.

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

#20fd60 background color

This paragraph has a background color of #20fd60.

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

#20fd60 border color

This element has a border color of #20fd60.

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

CSS codes

.text {color:#20fd60;}

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

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

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 #f6fff8 is the lightest one.

#000a03
```
#000a03 rgb(0,10,3)
```
#001e09
```
#001e09 rgb(0,30,9)
```
#00310f
```
#00310f rgb(0,49,15)
```
#014514
```
#014514 rgb(1,69,20)
```
#01581a
```
#01581a rgb(1,88,26)
```
#016b20
```
#016b20 rgb(1,107,32)
```
#017f26
```
#017f26 rgb(1,127,38)
```
#01922b
```
#01922b rgb(1,146,43)
```
#01a631
```
#01a631 rgb(1,166,49)
```
#02b937
```
#02b937 rgb(2,185,55)
```
#02cd3d
```
#02cd3d rgb(2,205,61)
```
#02e042
```
#02e042 rgb(2,224,66)
```
#02f448
```
#02f448 rgb(2,244,72)
```

Shade Color Variation

#0dfd52
```
#0dfd52 rgb(13,253,82)
```
#20fd60
```
#20fd60 rgb(32,253,96)
```
#33fd6e
```
#33fd6e rgb(51,253,110)
```
#47fd7c
```
#47fd7c rgb(71,253,124)
```
#5afe8a
```
#5afe8a rgb(90,254,138)
```
#6efe97
```
#6efe97 rgb(110,254,151)
```
#81fea5
```
#81fea5 rgb(129,254,165)
```
#95feb3
```
#95feb3 rgb(149,254,179)
```
#a8fec1
```
#a8fec1 rgb(168,254,193)
```
#bcfecf
```
#bcfecf rgb(188,254,207)
```
#cfffdd
```
#cfffdd rgb(207,255,221)
```
#e2ffeb
```
#e2ffeb rgb(226,255,235)
```
#f6fff8
```
#f6fff8 rgb(246,255,248)
```

Tint Color Variation

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

#88958c
```
#88958c rgb(136,149,140)
```
#7f9e88
```
#7f9e88 rgb(127,158,136)
```
#77a684
```
#77a684 rgb(119,166,132)
```
#6eaf81
```
#6eaf81 rgb(110,175,129)
```
#65b87d
```
#65b87d rgb(101,184,125)
```
#5dc079
```
#5dc079 rgb(93,192,121)
```
#54c976
```
#54c976 rgb(84,201,118)
```
#4bd272
```
#4bd272 rgb(75,210,114)
```
#43da6f
```
#43da6f rgb(67,218,111)
```
#3ae36b
```
#3ae36b rgb(58,227,107)
```
#31ec67
```
#31ec67 rgb(49,236,103)
```
#29f464
```
#29f464 rgb(41,244,100)
```
#20fd60
```
#20fd60 rgb(32,253,96)
```

Tone Color Variation

Below, you can see how #20fd60 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
#8eba9a Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#20fd60 hex color

#20fd60 Color Information

#20fd60 Color Conversion

Color Schemes with #20fd60

Alternatives to #20fd60

#20fd60 Preview

Shades and Tints of #20fd60

Tones of #20fd60

Color Blindness Simulator