#20ac45 hex color

In a RGB color space, hex #20ac45 is composed of 12.5% red, 67.5% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 0% magenta, 59.9% yellow and 32.5% black. It has a hue angle of 135.9 degrees, a saturation of 68.6% and a lightness of 40%. #20ac45 color hex could be obtained by blending #40ff8a with #005900. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 13
- G 67
- B 27
RGB color chart
- C 81
- M 0
- Y 60
- K 33
CMYK color chart

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

The hexadecimal color #20ac45 has RGB values of R:32, G:172, B:69 and CMYK values of C:0.81, M:0, Y:0.6, K:0.33. Its decimal value is 2141253.

Hex triplet	20ac45	`#20ac45`
RGB Decimal	32, 172, 69	`rgb(32,172,69)`
RGB Percent	12.5, 67.5, 27.1	`rgb(12.5%,67.5%,27.1%)`
CMYK	81, 0, 60, 33
HSL	135.9°, 68.6, 40	`hsl(135.9,68.6%,40%)`
HSV (or HSB)	135.9°, 81.4, 67.5
Web Safe	339933	`#339933`

CIE-LAB	61.861, -57.127, 42.234
XYZ	16.421, 30.24, 10.601
xyY	0.287, 0.528, 30.24
CIE-LCH	61.861, 71.044, 143.525
CIE-LUV	61.861, -53.838, 59.513
Hunter-Lab	54.991, -42.931, 27.064
Binary	00100000, 10101100, 01000101

#20ac45
```
#20ac45 rgb(32,172,69)
```
#ac2087
```
#ac2087 rgb(172,32,135)
```

Complementary Color

#41ac20
```
#41ac20 rgb(65,172,32)
```
#20ac45
```
#20ac45 rgb(32,172,69)
```
#20ac8b
```
#20ac8b rgb(32,172,139)
```

Analogous Color

#ac2041
```
#ac2041 rgb(172,32,65)
```
#20ac45
```
#20ac45 rgb(32,172,69)
```
#8b20ac
```
#8b20ac rgb(139,32,172)
```

Split Complementary Color

#ac4520
```
#ac4520 rgb(172,69,32)
```
#20ac45
```
#20ac45 rgb(32,172,69)
```
#4520ac
```
#4520ac rgb(69,32,172)
```

Triadic Color

#87ac20
```
#87ac20 rgb(135,172,32)
```
#20ac45
```
#20ac45 rgb(32,172,69)
```
#4520ac
```
#4520ac rgb(69,32,172)
```
#ac2087
```
#ac2087 rgb(172,32,135)
```

Tetradic Color

#146c2b
```
#146c2b rgb(20,108,43)
```
#188134
```
#188134 rgb(24,129,52)
```
#1c973c
```
#1c973c rgb(28,151,60)
```
#20ac45
```
#20ac45 rgb(32,172,69)
```
#24c24e
```
#24c24e rgb(36,194,78)
```
#28d756
```
#28d756 rgb(40,215,86)
```
#3edb67
```
#3edb67 rgb(62,219,103)
```

Monochromatic Color

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

#20ac22
```
#20ac22 rgb(32,172,34)
```
#20ac2e
```
#20ac2e rgb(32,172,46)
```
#20ac39
```
#20ac39 rgb(32,172,57)
```
#20ac45
```
#20ac45 rgb(32,172,69)
```
#20ac51
```
#20ac51 rgb(32,172,81)
```
#20ac5c
```
#20ac5c rgb(32,172,92)
```
#20ac68
```
#20ac68 rgb(32,172,104)
```

Similar Colors

Text with hexadecimal color #20ac45

This text has a font color of #20ac45.

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

#20ac45 background color

This paragraph has a background color of #20ac45.

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

#20ac45 border color

This element has a border color of #20ac45.

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

CSS codes

.text {color:#20ac45;}

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

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

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

#010703
```
#010703 rgb(1,7,3)
```
#041709
```
#041709 rgb(4,23,9)
```
#072810
```
#072810 rgb(7,40,16)
```
#0a3817
```
#0a3817 rgb(10,56,23)
```
#0e491d
```
#0e491d rgb(14,73,29)
```
#115924
```
#115924 rgb(17,89,36)
```
#146a2a
```
#146a2a rgb(20,106,42)
```
#177a31
```
#177a31 rgb(23,122,49)
```
#1a8b38
```
#1a8b38 rgb(26,139,56)
```
#1d9b3e
```
#1d9b3e rgb(29,155,62)
```
#20ac45
```
#20ac45 rgb(32,172,69)
```
#23bd4c
```
#23bd4c rgb(35,189,76)
```
#26cd52
```
#26cd52 rgb(38,205,82)
```

Shade Color Variation

#2fd85b
```
#2fd85b rgb(47,216,91)
```
#3fdb68
```
#3fdb68 rgb(63,219,104)
```
#50de75
```
#50de75 rgb(80,222,117)
```
#60e182
```
#60e182 rgb(96,225,130)
```
#71e58f
```
#71e58f rgb(113,229,143)
```
#81e89c
```
#81e89c rgb(129,232,156)
```
#92eba9
```
#92eba9 rgb(146,235,169)
```
#a2eeb6
```
#a2eeb6 rgb(162,238,182)
```
#b3f1c3
```
#b3f1c3 rgb(179,241,195)
```
#c3f4d0
```
#c3f4d0 rgb(195,244,208)
```
#d4f7dd
```
#d4f7dd rgb(212,247,221)
```
#e5faea
```
#e5faea rgb(229,250,234)
```
#f5fdf7
```
#f5fdf7 rgb(245,253,247)
```

Tint Color Variation

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

#5f6d63
```
#5f6d63 rgb(95,109,99)
```
#57755f
```
#57755f rgb(87,117,95)
```
#4f7d5b
```
#4f7d5b rgb(79,125,91)
```
#478557
```
#478557 rgb(71,133,87)
```
#3f8d54
```
#3f8d54 rgb(63,141,84)
```
#389450
```
#389450 rgb(56,148,80)
```
#309c4c
```
#309c4c rgb(48,156,76)
```
#28a449
```
#28a449 rgb(40,164,73)
```
#20ac45
```
#20ac45 rgb(32,172,69)
```
#18b441
```
#18b441 rgb(24,180,65)
```
#10bc3e
```
#10bc3e rgb(16,188,62)
```
#08c43a
```
#08c43a rgb(8,196,58)
```
#01cb36
```
#01cb36 rgb(1,203,54)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#65816c Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9b48 Protanopia 1% of men
#bb9459 Deuteranopia 1% of men
#58a5b2 Tritanopia 0.001% of the population

Trichromacy

#78a147 Protanomaly 1% of men, 0.01% of women
#839c52 Deuteranomaly 6% of men, 0.4% of women
#43a88a Tritanomaly 0.01% of the population

#20ac45 hex color

#20ac45 Color Information

#20ac45 Color Conversion

Color Schemes with #20ac45

Alternatives to #20ac45

#20ac45 Preview

Shades and Tints of #20ac45

Tones of #20ac45

Color Blindness Simulator