#20ca5f hex color

In a RGB color space, hex #20ca5f is composed of 12.5% red, 79.2% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 84.2% cyan, 0% magenta, 53% yellow and 20.8% black. It has a hue angle of 142.2 degrees, a saturation of 72.6% and a lightness of 45.9%. #20ca5f color hex could be obtained by blending #40ffbe with #009500. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 13
- G 79
- B 37
RGB color chart
- C 84
- M 0
- Y 53
- K 21
CMYK color chart

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

The hexadecimal color #20ca5f has RGB values of R:32, G:202, B:95 and CMYK values of C:0.84, M:0, Y:0.53, K:0.21. Its decimal value is 2148959.

Hex triplet	20ca5f	`#20ca5f`
RGB Decimal	32, 202, 95	`rgb(32,202,95)`
RGB Percent	12.5, 79.2, 37.3	`rgb(12.5%,79.2%,37.3%)`
CMYK	84, 0, 53, 21
HSL	142.2°, 72.6, 45.9	`hsl(142.2,72.6%,45.9%)`
HSV (or HSB)	142.2°, 84.2, 79.2
Web Safe	33cc66	`#33cc66`

CIE-LAB	71.807, -63.415, 41.738
XYZ	23.78, 43.372, 17.944
xyY	0.279, 0.51, 43.372
CIE-LCH	71.807, 75.918, 146.648
CIE-LUV	71.807, -62.743, 63.21
Hunter-Lab	65.857, -50.796, 29.945
Binary	00100000, 11001010, 01011111

#20ca5f
```
#20ca5f rgb(32,202,95)
```
#ca208b
```
#ca208b rgb(202,32,139)
```

Complementary Color

#36ca20
```
#36ca20 rgb(54,202,32)
```
#20ca5f
```
#20ca5f rgb(32,202,95)
```
#20cab4
```
#20cab4 rgb(32,202,180)
```

Analogous Color

#ca2036
```
#ca2036 rgb(202,32,54)
```
#20ca5f
```
#20ca5f rgb(32,202,95)
```
#b420ca
```
#b420ca rgb(180,32,202)
```

Split Complementary Color

#ca5f20
```
#ca5f20 rgb(202,95,32)
```
#20ca5f
```
#20ca5f rgb(32,202,95)
```
#5f20ca
```
#5f20ca rgb(95,32,202)
```

Triadic Color

#8bca20
```
#8bca20 rgb(139,202,32)
```
#20ca5f
```
#20ca5f rgb(32,202,95)
```
#5f20ca
```
#5f20ca rgb(95,32,202)
```
#ca208b
```
#ca208b rgb(202,32,139)
```

Tetradic Color

#168840
```
#168840 rgb(22,136,64)
```
#199e4a
```
#199e4a rgb(25,158,74)
```
#1db455
```
#1db455 rgb(29,180,85)
```
#20ca5f
```
#20ca5f rgb(32,202,95)
```
#27dd6a
```
#27dd6a rgb(39,221,106)
```
#3de079
```
#3de079 rgb(61,224,121)
```
#53e488
```
#53e488 rgb(83,228,136)
```

Monochromatic Color

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

#20ca35
```
#20ca35 rgb(32,202,53)
```
#20ca43
```
#20ca43 rgb(32,202,67)
```
#20ca51
```
#20ca51 rgb(32,202,81)
```
#20ca5f
```
#20ca5f rgb(32,202,95)
```
#20ca6d
```
#20ca6d rgb(32,202,109)
```
#20ca7b
```
#20ca7b rgb(32,202,123)
```
#20ca8a
```
#20ca8a rgb(32,202,138)
```

Similar Colors

Text with hexadecimal color #20ca5f

This text has a font color of #20ca5f.

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

#20ca5f background color

This paragraph has a background color of #20ca5f.

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

#20ca5f border color

This element has a border color of #20ca5f.

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

CSS codes

.text {color:#20ca5f;}

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

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

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

#021007
```
#021007 rgb(2,16,7)
```
#05210f
```
#05210f rgb(5,33,15)
```
#083217
```
#083217 rgb(8,50,23)
```
#0b431f
```
#0b431f rgb(11,67,31)
```
#0d5327
```
#0d5327 rgb(13,83,39)
```
#10642f
```
#10642f rgb(16,100,47)
```
#137537
```
#137537 rgb(19,117,55)
```
#15863f
```
#15863f rgb(21,134,63)
```
#189747
```
#189747 rgb(24,151,71)
```
#1ba84f
```
#1ba84f rgb(27,168,79)
```
#1db957
```
#1db957 rgb(29,185,87)
```
#20ca5f
```
#20ca5f rgb(32,202,95)
```
#23db67
```
#23db67 rgb(35,219,103)
```

Shade Color Variation

#33df72
```
#33df72 rgb(51,223,114)
```
#44e17e
```
#44e17e rgb(68,225,126)
```
#54e48a
```
#54e48a rgb(84,228,138)
```
#65e795
```
#65e795 rgb(101,231,149)
```
#76e9a1
```
#76e9a1 rgb(118,233,161)
```
#87ecad
```
#87ecad rgb(135,236,173)
```
#98efb8
```
#98efb8 rgb(152,239,184)
```
#a9f1c4
```
#a9f1c4 rgb(169,241,196)
```
#baf4d0
```
#baf4d0 rgb(186,244,208)
```
#cbf7db
```
#cbf7db rgb(203,247,219)
```
#dcf9e7
```
#dcf9e7 rgb(220,249,231)
```
#edfcf3
```
#edfcf3 rgb(237,252,243)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #717974 is the less saturated color, while #05e558 is the most saturated one.

#717974
```
#717974 rgb(113,121,116)
```
#688272
```
#688272 rgb(104,130,114)
```
#5f8b6f
```
#5f8b6f rgb(95,139,111)
```
#56946d
```
#56946d rgb(86,148,109)
```
#4d9d6b
```
#4d9d6b rgb(77,157,107)
```
#44a668
```
#44a668 rgb(68,166,104)
```
#3baf66
```
#3baf66 rgb(59,175,102)
```
#32b864
```
#32b864 rgb(50,184,100)
```
#29c161
```
#29c161 rgb(41,193,97)
```
#20ca5f
```
#20ca5f rgb(32,202,95)
```
#17d35d
```
#17d35d rgb(23,211,93)
```
#0edc5a
```
#0edc5a rgb(14,220,90)
```
#05e558
```
#05e558 rgb(5,229,88)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#769882 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b45f Protanopia 1% of men
#d8ac73 Deuteranopia 1% of men
#62c1cf Tritanopia 0.001% of the population

Trichromacy

#89bc5f Protanomaly 1% of men, 0.01% of women
#95b76b Deuteranomaly 6% of men, 0.4% of women
#4ac4a6 Tritanomaly 0.01% of the population

#20ca5f hex color

#20ca5f Color Information

#20ca5f Color Conversion

Color Schemes with #20ca5f

Alternatives to #20ca5f

#20ca5f Preview

Shades and Tints of #20ca5f

Tones of #20ca5f

Color Blindness Simulator