#20a525 hex color

In a RGB color space, hex #20a525 is composed of 12.5% red, 64.7% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 77.6% yellow and 35.3% black. It has a hue angle of 122.3 degrees, a saturation of 67.5% and a lightness of 38.6%. #20a525 color hex could be obtained by blending #40ff4a with #004b00. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 13
- G 65
- B 15
RGB color chart
- C 81
- M 0
- Y 78
- K 35
CMYK color chart

● #20a525 color description : Dark lime green.

The hexadecimal color #20a525 has RGB values of R:32, G:165, B:37 and CMYK values of C:0.81, M:0, Y:0.78, K:0.35. Its decimal value is 2139429.

Hex triplet	20a525	`#20a525`
RGB Decimal	32, 165, 37	`rgb(32,165,37)`
RGB Percent	12.5, 64.7, 14.5	`rgb(12.5%,64.7%,14.5%)`
CMYK	81, 0, 78, 35
HSL	122.3°, 67.5, 38.6	`hsl(122.3,67.5%,38.6%)`
HSV (or HSB)	122.3°, 80.6, 64.7
Web Safe	339933	`#339933`

CIE-LAB	59.296, -58.103, 52.585
XYZ	14.384, 27.349, 6.271
xyY	0.3, 0.57, 27.349
CIE-LCH	59.296, 78.365, 137.854
CIE-LUV	59.296, -52.488, 66.868
Hunter-Lab	52.297, -42.424, 29.498
Binary	00100000, 10100101, 00100101

#20a525
```
#20a525 rgb(32,165,37)
```
#a520a0
```
#a520a0 rgb(165,32,160)
```

Complementary Color

#5ea520
```
#5ea520 rgb(94,165,32)
```
#20a525
```
#20a525 rgb(32,165,37)
```
#20a568
```
#20a568 rgb(32,165,104)
```

Analogous Color

#a5205e
```
#a5205e rgb(165,32,94)
```
#20a525
```
#20a525 rgb(32,165,37)
```
#6820a5
```
#6820a5 rgb(104,32,165)
```

Split Complementary Color

#a52520
```
#a52520 rgb(165,37,32)
```
#20a525
```
#20a525 rgb(32,165,37)
```
#2520a5
```
#2520a5 rgb(37,32,165)
```

Triadic Color

#a0a520
```
#a0a520 rgb(160,165,32)
```
#20a525
```
#20a525 rgb(32,165,37)
```
#2520a5
```
#2520a5 rgb(37,32,165)
```
#a520a0
```
#a520a0 rgb(165,32,160)
```

Tetradic Color

#146517
```
#146517 rgb(20,101,23)
```
#187a1b
```
#187a1b rgb(24,122,27)
```
#1c9020
```
#1c9020 rgb(28,144,32)
```
#20a525
```
#20a525 rgb(32,165,37)
```
#24ba2a
```
#24ba2a rgb(36,186,42)
```
#28d02f
```
#28d02f rgb(40,208,47)
```
#39d93f
```
#39d93f rgb(57,217,63)
```

Monochromatic Color

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

#3ca520
```
#3ca520 rgb(60,165,32)
```
#31a520
```
#31a520 rgb(49,165,32)
```
#26a520
```
#26a520 rgb(38,165,32)
```
#20a525
```
#20a525 rgb(32,165,37)
```
#20a530
```
#20a530 rgb(32,165,48)
```
#20a53b
```
#20a53b rgb(32,165,59)
```
#20a546
```
#20a546 rgb(32,165,70)
```

Similar Colors

Text with hexadecimal color #20a525

This text has a font color of #20a525.

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

#20a525 background color

This paragraph has a background color of #20a525.

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

#20a525 border color

This element has a border color of #20a525.

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

CSS codes

.text {color:#20a525;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#031104
```
#031104 rgb(3,17,4)
```
#072208
```
#072208 rgb(7,34,8)
```
#0a320b
```
#0a320b rgb(10,50,11)
```
#0d420f
```
#0d420f rgb(13,66,15)
```
#105313
```
#105313 rgb(16,83,19)
```
#136316
```
#136316 rgb(19,99,22)
```
#16741a
```
#16741a rgb(22,116,26)
```
#1a841e
```
#1a841e rgb(26,132,30)
```
#1d9521
```
#1d9521 rgb(29,149,33)
```
#20a525
```
#20a525 rgb(32,165,37)
```
#23b529
```
#23b529 rgb(35,181,41)
```
#26c62c
```
#26c62c rgb(38,198,44)
```

Shade Color Variation

#2ad631
```
#2ad631 rgb(42,214,49)
```
#3bd941
```
#3bd941 rgb(59,217,65)
```
#4bdc50
```
#4bdc50 rgb(75,220,80)
```
#5bdf60
```
#5bdf60 rgb(91,223,96)
```
#6ce270
```
#6ce270 rgb(108,226,112)
```
#7ce680
```
#7ce680 rgb(124,230,128)
```
#8de990
```
#8de990 rgb(141,233,144)
```
#9deca0
```
#9deca0 rgb(157,236,160)
```
#aeefb0
```
#aeefb0 rgb(174,239,176)
```
#bef2c0
```
#bef2c0 rgb(190,242,192)
```
#cef6d0
```
#cef6d0 rgb(206,246,208)
```
#dff9e0
```
#dff9e0 rgb(223,249,224)
```
#effcf0
```
#effcf0 rgb(239,252,240)
```

Tint Color Variation

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

#5d685d
```
#5d685d rgb(93,104,93)
```
#557056
```
#557056 rgb(85,112,86)
```
#4d784f
```
#4d784f rgb(77,120,79)
```
#467f48
```
#467f48 rgb(70,127,72)
```
#3e8741
```
#3e8741 rgb(62,135,65)
```
#378e3a
```
#378e3a rgb(55,142,58)
```
#2f9633
```
#2f9633 rgb(47,150,51)
```
#289d2c
```
#289d2c rgb(40,157,44)
```
#20a525
```
#20a525 rgb(32,165,37)
```
#18ad1e
```
#18ad1e rgb(24,173,30)
```
#11b417
```
#11b417 rgb(17,180,23)
```
#09bc10
```
#09bc10 rgb(9,188,16)
```
#02c309
```
#02c309 rgb(2,195,9)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#5f7a60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6942a Protanopia 1% of men
#b78d3e Deuteranopia 1% of men
#589eaa Tritanopia 0.001% of the population

Trichromacy

#759a28 Protanomaly 1% of men, 0.01% of women
#809635 Deuteranomaly 6% of men, 0.4% of women
#43a179 Tritanomaly 0.01% of the population

#20a525 hex color

#20a525 Color Information

#20a525 Color Conversion

Color Schemes with #20a525

Alternatives to #20a525

#20a525 Preview

Shades and Tints of #20a525

Tones of #20a525

Color Blindness Simulator