colorhexa.com

#20a070 hex color

In a RGB color space, hex #20a070 is composed of 12.5% red, 62.7% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 0% magenta, 30% yellow and 37.3% black. It has a hue angle of 157.5 degrees, a saturation of 66.7% and a lightness of 37.6%. #20a070 color hex could be obtained by blending #40ffe0 with #004100. Closest websafe color is: #339966.

- R 13
- G 63
- B 44
RGB color chart
- C 80
- M 0
- Y 30
- K 37
CMYK color chart

● #20a070 color description : Dark cyan - lime green.

The hexadecimal color #20a070 has RGB values of R:32, G:160, B:112 and CMYK values of C:0.8, M:0, Y:0.3, K:0.37. Its decimal value is 2138224.

Hex triplet	20a070	`#20a070`
RGB Decimal	32, 160, 112	`rgb(32,160,112)`
RGB Percent	12.5, 62.7, 43.9	`rgb(12.5%,62.7%,43.9%)`
CMYK	80, 0, 30, 37
HSL	157.5°, 66.7, 37.6	`hsl(157.5,66.7%,37.6%)`
HSV (or HSB)	157.5°, 80, 62.7
Web Safe	339966	`#339966`

CIE-LAB	58.618, -45.037, 15.691
XYZ	16.09, 26.617, 19.618
xyY	0.258, 0.427, 26.617
CIE-LCH	58.618, 47.692, 160.791
CIE-LUV	58.618, -47.336, 28.072
Hunter-Lab	51.592, -34.617, 13.569
Binary	00100000, 10100000, 01110000

#20a070
```
#20a070 rgb(32,160,112)
```
#a02050
```
#a02050 rgb(160,32,80)
```

Complementary Color

#20a030
```
#20a030 rgb(32,160,48)
```
#20a070
```
#20a070 rgb(32,160,112)
```
#2090a0
```
#2090a0 rgb(32,144,160)
```

Analogous Color

#a03020
```
#a03020 rgb(160,48,32)
```
#20a070
```
#20a070 rgb(32,160,112)
```
#a02090
```
#a02090 rgb(160,32,144)
```

Split Complementary Color

#a07020
```
#a07020 rgb(160,112,32)
```
#20a070
```
#20a070 rgb(32,160,112)
```
#7020a0
```
#7020a0 rgb(112,32,160)
```

Triadic Color

#50a020
```
#50a020 rgb(80,160,32)
```
#20a070
```
#20a070 rgb(32,160,112)
```
#7020a0
```
#7020a0 rgb(112,32,160)
```
#a02050
```
#a02050 rgb(160,32,80)
```

Tetradic Color

#136043
```
#136043 rgb(19,96,67)
```
#187652
```
#187652 rgb(24,118,82)
```
#1c8b61
```
#1c8b61 rgb(28,139,97)
```
#20a070
```
#20a070 rgb(32,160,112)
```
#24b57f
```
#24b57f rgb(36,181,127)
```
#29cb8e
```
#29cb8e rgb(41,203,142)
```
#36d79a
```
#36d79a rgb(54,215,154)
```

Monochromatic Color

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

#20a050
```
#20a050 rgb(32,160,80)
```
#20a05b
```
#20a05b rgb(32,160,91)
```
#20a065
```
#20a065 rgb(32,160,101)
```
#20a070
```
#20a070 rgb(32,160,112)
```
#20a07b
```
#20a07b rgb(32,160,123)
```
#20a085
```
#20a085 rgb(32,160,133)
```
#20a090
```
#20a090 rgb(32,160,144)
```

Similar Colors

Text with hexadecimal color #20a070

This text has a font color of #20a070.

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

#20a070 background color

This paragraph has a background color of #20a070.

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

#20a070 border color

This element has a border color of #20a070.

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

CSS codes

.text {color:#20a070;}

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

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

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, #030d09 is the darkest color, while #fcfefd is the lightest one.

#030d09
```
#030d09 rgb(3,13,9)
```
#061d14
```
#061d14 rgb(6,29,20)
```
#092e20
```
#092e20 rgb(9,46,32)
```
#0c3e2b
```
#0c3e2b rgb(12,62,43)
```
#104e37
```
#104e37 rgb(16,78,55)
```
#135f42
```
#135f42 rgb(19,95,66)
```
#166f4e
```
#166f4e rgb(22,111,78)
```
#197f59
```
#197f59 rgb(25,127,89)
```
#1d9065
```
#1d9065 rgb(29,144,101)
```
#20a070
```
#20a070 rgb(32,160,112)
```
#23b07b
```
#23b07b rgb(35,176,123)
```
#27c187
```
#27c187 rgb(39,193,135)
```
#2ad192
```
#2ad192 rgb(42,209,146)
```

Shade Color Variation

#37d79b
```
#37d79b rgb(55,215,155)
```
#48daa3
```
#48daa3 rgb(72,218,163)
```
#58deac
```
#58deac rgb(88,222,172)
```
#68e1b4
```
#68e1b4 rgb(104,225,180)
```
#79e4bc
```
#79e4bc rgb(121,228,188)
```
#89e7c4
```
#89e7c4 rgb(137,231,196)
```
#99ebcc
```
#99ebcc rgb(153,235,204)
```
#aaeed4
```
#aaeed4 rgb(170,238,212)
```
#baf1dd
```
#baf1dd rgb(186,241,221)
```
#cbf5e5
```
#cbf5e5 rgb(203,245,229)
```
#dbf8ed
```
#dbf8ed rgb(219,248,237)
```
#ebfbf5
```
#ebfbf5 rgb(235,251,245)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b6561 is the less saturated color, while #02be77 is the most saturated one.

#5b6561
```
#5b6561 rgb(91,101,97)
```
#546c63
```
#546c63 rgb(84,108,99)
```
#4c7465
```
#4c7465 rgb(76,116,101)
```
#457b67
```
#457b67 rgb(69,123,103)
```
#3e8269
```
#3e8269 rgb(62,130,105)
```
#368a6a
```
#368a6a rgb(54,138,106)
```
#2f916c
```
#2f916c rgb(47,145,108)
```
#27996e
```
#27996e rgb(39,153,110)
```
#20a070
```
#20a070 rgb(32,160,112)
```
#19a772
```
#19a772 rgb(25,167,114)
```
#11af74
```
#11af74 rgb(17,175,116)
```
#0ab676
```
#0ab676 rgb(10,182,118)
```
#02be77
```
#02be77 rgb(2,190,119)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#637d73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d926f Protanopia 1% of men
#a78d7f Deuteranopia 1% of men
#4a9ea9 Tritanopia 0.001% of the population

Trichromacy

#6f976f Protanomaly 1% of men, 0.01% of women
#769479 Deuteranomaly 6% of men, 0.4% of women
#3b9e94 Tritanomaly 0.01% of the population