colorhexa.com

#20a074 hex color

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

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

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

The hexadecimal color #20a074 has RGB values of R:32, G:160, B:116 and CMYK values of C:0.8, M:0, Y:0.28, K:0.37. Its decimal value is 2138228.

Hex triplet	20a074	`#20a074`
RGB Decimal	32, 160, 116	`rgb(32,160,116)`
RGB Percent	12.5, 62.7, 45.5	`rgb(12.5%,62.7%,45.5%)`
CMYK	80, 0, 28, 37
HSL	159.4°, 66.7, 37.6	`hsl(159.4,66.7%,37.6%)`
HSV (or HSB)	159.4°, 80, 62.7
Web Safe	339966	`#339966`

CIE-LAB	58.703, -44.104, 13.581
XYZ	16.318, 26.708, 20.817
xyY	0.256, 0.418, 26.708
CIE-LCH	58.703, 46.148, 162.885
CIE-LUV	58.703, -47.076, 25.242
Hunter-Lab	51.68, -34.08, 12.293
Binary	00100000, 10100000, 01110100

#20a074
```
#20a074 rgb(32,160,116)
```
#a0204c
```
#a0204c rgb(160,32,76)
```

Complementary Color

#20a034
```
#20a034 rgb(32,160,52)
```
#20a074
```
#20a074 rgb(32,160,116)
```
#208ca0
```
#208ca0 rgb(32,140,160)
```

Analogous Color

#a03420
```
#a03420 rgb(160,52,32)
```
#20a074
```
#20a074 rgb(32,160,116)
```
#a0208c
```
#a0208c rgb(160,32,140)
```

Split Complementary Color

#a07420
```
#a07420 rgb(160,116,32)
```
#20a074
```
#20a074 rgb(32,160,116)
```
#7420a0
```
#7420a0 rgb(116,32,160)
```

Triadic Color

#4ca020
```
#4ca020 rgb(76,160,32)
```
#20a074
```
#20a074 rgb(32,160,116)
```
#7420a0
```
#7420a0 rgb(116,32,160)
```
#a0204c
```
#a0204c rgb(160,32,76)
```

Tetradic Color

#136046
```
#136046 rgb(19,96,70)
```
#187655
```
#187655 rgb(24,118,85)
```
#1c8b65
```
#1c8b65 rgb(28,139,101)
```
#20a074
```
#20a074 rgb(32,160,116)
```
#24b583
```
#24b583 rgb(36,181,131)
```
#29cb93
```
#29cb93 rgb(41,203,147)
```
#36d79f
```
#36d79f rgb(54,215,159)
```

Monochromatic Color

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

#20a054
```
#20a054 rgb(32,160,84)
```
#20a05f
```
#20a05f rgb(32,160,95)
```
#20a069
```
#20a069 rgb(32,160,105)
```
#20a074
```
#20a074 rgb(32,160,116)
```
#20a07f
```
#20a07f rgb(32,160,127)
```
#20a089
```
#20a089 rgb(32,160,137)
```
#20a094
```
#20a094 rgb(32,160,148)
```

Similar Colors

Text with hexadecimal color #20a074

This text has a font color of #20a074.

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

#20a074 background color

This paragraph has a background color of #20a074.

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

#20a074 border color

This element has a border color of #20a074.

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

CSS codes

.text {color:#20a074;}

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

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

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)
```
#061d15
```
#061d15 rgb(6,29,21)
```
#092e21
```
#092e21 rgb(9,46,33)
```
#0c3e2d
```
#0c3e2d rgb(12,62,45)
```
#104e39
```
#104e39 rgb(16,78,57)
```
#135f45
```
#135f45 rgb(19,95,69)
```
#166f50
```
#166f50 rgb(22,111,80)
```
#197f5c
```
#197f5c rgb(25,127,92)
```
#1d9068
```
#1d9068 rgb(29,144,104)
```
#20a074
```
#20a074 rgb(32,160,116)
```
#23b080
```
#23b080 rgb(35,176,128)
```
#27c18c
```
#27c18c rgb(39,193,140)
```
#2ad198
```
#2ad198 rgb(42,209,152)
```

Shade Color Variation

#37d7a0
```
#37d7a0 rgb(55,215,160)
```
#48daa8
```
#48daa8 rgb(72,218,168)
```
#58deb0
```
#58deb0 rgb(88,222,176)
```
#68e1b7
```
#68e1b7 rgb(104,225,183)
```
#79e4bf
```
#79e4bf rgb(121,228,191)
```
#89e7c7
```
#89e7c7 rgb(137,231,199)
```
#99ebcf
```
#99ebcf rgb(153,235,207)
```
#aaeed7
```
#aaeed7 rgb(170,238,215)
```
#baf1de
```
#baf1de rgb(186,241,222)
```
#cbf5e6
```
#cbf5e6 rgb(203,245,230)
```
#dbf8ee
```
#dbf8ee rgb(219,248,238)
```
#ebfbf6
```
#ebfbf6 rgb(235,251,246)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#5b6562
```
#5b6562 rgb(91,101,98)
```
#546c64
```
#546c64 rgb(84,108,100)
```
#4c7466
```
#4c7466 rgb(76,116,102)
```
#457b68
```
#457b68 rgb(69,123,104)
```
#3e826b
```
#3e826b rgb(62,130,107)
```
#368a6d
```
#368a6d rgb(54,138,109)
```
#2f916f
```
#2f916f rgb(47,145,111)
```
#279972
```
#279972 rgb(39,153,114)
```
#20a074
```
#20a074 rgb(32,160,116)
```
#19a776
```
#19a776 rgb(25,167,118)
```
#11af79
```
#11af79 rgb(17,175,121)
```
#0ab67b
```
#0ab67b rgb(10,182,123)
```
#02be7d
```
#02be7d rgb(2,190,125)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#647e75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c9273 Protanopia 1% of men
#a68e83 Deuteranopia 1% of men
#499eaa Tritanopia 0.001% of the population

Trichromacy

#6f9773 Protanomaly 1% of men, 0.01% of women
#75947d Deuteranomaly 6% of men, 0.4% of women
#3a9f96 Tritanomaly 0.01% of the population