#20a342 hex color

In a RGB color space, hex #20a342 is composed of 12.5% red, 63.9% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 0% magenta, 59.5% yellow and 36.1% black. It has a hue angle of 135.6 degrees, a saturation of 67.2% and a lightness of 38.2%. #20a342 color hex could be obtained by blending #40ff84 with #004700. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 13
- G 64
- B 26
RGB color chart
- C 80
- M 0
- Y 60
- K 36
CMYK color chart

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

The hexadecimal color #20a342 has RGB values of R:32, G:163, B:66 and CMYK values of C:0.8, M:0, Y:0.6, K:0.36. Its decimal value is 2138946.

Hex triplet	20a342	`#20a342`
RGB Decimal	32, 163, 66	`rgb(32,163,66)`
RGB Percent	12.5, 63.9, 25.9	`rgb(12.5%,63.9%,25.9%)`
CMYK	80, 0, 60, 36
HSL	135.6°, 67.2, 38.2	`hsl(135.6,67.2%,38.2%)`
HSV (or HSB)	135.6°, 80.4, 63.9
Web Safe	339933	`#339933`

CIE-LAB	58.875, -54.501, 40.168
XYZ	14.675, 26.893, 9.571
xyY	0.287, 0.526, 26.893
CIE-LCH	58.875, 67.704, 143.609
CIE-LUV	58.875, -50.863, 56.175
Hunter-Lab	51.859, -40.24, 25.358
Binary	00100000, 10100011, 01000010

#20a342
```
#20a342 rgb(32,163,66)
```
#a32081
```
#a32081 rgb(163,32,129)
```

Complementary Color

#40a320
```
#40a320 rgb(64,163,32)
```
#20a342
```
#20a342 rgb(32,163,66)
```
#20a384
```
#20a384 rgb(32,163,132)
```

Analogous Color

#a32040
```
#a32040 rgb(163,32,64)
```
#20a342
```
#20a342 rgb(32,163,66)
```
#8420a3
```
#8420a3 rgb(132,32,163)
```

Split Complementary Color

#a34220
```
#a34220 rgb(163,66,32)
```
#20a342
```
#20a342 rgb(32,163,66)
```
#4220a3
```
#4220a3 rgb(66,32,163)
```

Triadic Color

#81a320
```
#81a320 rgb(129,163,32)
```
#20a342
```
#20a342 rgb(32,163,66)
```
#4220a3
```
#4220a3 rgb(66,32,163)
```
#a32081
```
#a32081 rgb(163,32,129)
```

Tetradic Color

#136328
```
#136328 rgb(19,99,40)
```
#187831
```
#187831 rgb(24,120,49)
```
#1c8e39
```
#1c8e39 rgb(28,142,57)
```
#20a342
```
#20a342 rgb(32,163,66)
```
#24b84b
```
#24b84b rgb(36,184,75)
```
#28ce53
```
#28ce53 rgb(40,206,83)
```
#38d861
```
#38d861 rgb(56,216,97)
```

Monochromatic Color

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

#20a321
```
#20a321 rgb(32,163,33)
```
#20a32c
```
#20a32c rgb(32,163,44)
```
#20a337
```
#20a337 rgb(32,163,55)
```
#20a342
```
#20a342 rgb(32,163,66)
```
#20a34d
```
#20a34d rgb(32,163,77)
```
#20a358
```
#20a358 rgb(32,163,88)
```
#20a363
```
#20a363 rgb(32,163,99)
```

Similar Colors

Text with hexadecimal color #20a342

This text has a font color of #20a342.

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

#20a342 background color

This paragraph has a background color of #20a342.

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

#20a342 border color

This element has a border color of #20a342.

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

CSS codes

.text {color:#20a342;}

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

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

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

#030f06
```
#030f06 rgb(3,15,6)
```
#06200d
```
#06200d rgb(6,32,13)
```
#093014
```
#093014 rgb(9,48,20)
```
#0d411a
```
#0d411a rgb(13,65,26)
```
#105121
```
#105121 rgb(16,81,33)
```
#136127
```
#136127 rgb(19,97,39)
```
#16722e
```
#16722e rgb(22,114,46)
```
#1a8235
```
#1a8235 rgb(26,130,53)
```
#1d933b
```
#1d933b rgb(29,147,59)
```
#20a342
```
#20a342 rgb(32,163,66)
```
#23b349
```
#23b349 rgb(35,179,73)
```
#26c44f
```
#26c44f rgb(38,196,79)
```
#2ad456
```
#2ad456 rgb(42,212,86)
```

Shade Color Variation

#39d863
```
#39d863 rgb(57,216,99)
```
#4adb6f
```
#4adb6f rgb(74,219,111)
```
#5adf7c
```
#5adf7c rgb(90,223,124)
```
#6ae289
```
#6ae289 rgb(106,226,137)
```
#7be596
```
#7be596 rgb(123,229,150)
```
#8be8a3
```
#8be8a3 rgb(139,232,163)
```
#9cebb0
```
#9cebb0 rgb(156,235,176)
```
#acefbd
```
#acefbd rgb(172,239,189)
```
#bcf2ca
```
#bcf2ca rgb(188,242,202)
```
#cdf5d7
```
#cdf5d7 rgb(205,245,215)
```
#ddf8e4
```
#ddf8e4 rgb(221,248,228)
```
#eefcf1
```
#eefcf1 rgb(238,252,241)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#5c675f
```
#5c675f rgb(92,103,95)
```
#556f5b
```
#556f5b rgb(85,111,91)
```
#4d7658
```
#4d7658 rgb(77,118,88)
```
#467e54
```
#467e54 rgb(70,126,84)
```
#3e8550
```
#3e8550 rgb(62,133,80)
```
#378d4d
```
#378d4d rgb(55,141,77)
```
#2f9449
```
#2f9449 rgb(47,148,73)
```
#289c46
```
#289c46 rgb(40,156,70)
```
#20a342
```
#20a342 rgb(32,163,66)
```
#19ab3e
```
#19ab3e rgb(25,171,62)
```
#11b23b
```
#11b23b rgb(17,178,59)
```
#0aba37
```
#0aba37 rgb(10,186,55)
```
#02c134
```
#02c134 rgb(2,193,52)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#617b68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39345 Protanopia 1% of men
#b28d55 Deuteranopia 1% of men
#549ea9 Tritanopia 0.001% of the population

Trichromacy

#739944 Protanomaly 1% of men, 0.01% of women
#7d954e Deuteranomaly 6% of men, 0.4% of women
#419f83 Tritanomaly 0.01% of the population

#20a342 hex color

#20a342 Color Information

#20a342 Color Conversion

Color Schemes with #20a342

Alternatives to #20a342

#20a342 Preview

Shades and Tints of #20a342

Tones of #20a342

Color Blindness Simulator