#3ad242 hex color

In a RGB color space, hex #3ad242 is composed of 22.7% red, 82.4% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 72.4% cyan, 0% magenta, 68.6% yellow and 17.6% black. It has a hue angle of 123.2 degrees, a saturation of 62.8% and a lightness of 52.5%. #3ad242 color hex could be obtained by blending #74ff84 with #00a500. Closest websafe color is: #33cc33.

♥
- f
- t
- g
- R 23
- G 82
- B 26
RGB color chart
- C 72
- M 0
- Y 69
- K 18
CMYK color chart

● #3ad242 color description : Moderate lime green.

The hexadecimal color #3ad242 has RGB values of R:58, G:210, B:66 and CMYK values of C:0.72, M:0, Y:0.69, K:0.18. Its decimal value is 3854914.

Hex triplet	3ad242	`#3ad242`
RGB Decimal	58, 210, 66	`rgb(58,210,66)`
RGB Percent	22.7, 82.4, 25.9	`rgb(22.7%,82.4%,25.9%)`
CMYK	72, 0, 69, 18
HSL	123.2°, 62.8, 52.5	`hsl(123.2,62.8%,52.5%)`
HSV (or HSB)	123.2°, 72.4, 82.4
Web Safe	33cc33	`#33cc33`

CIE-LAB	74.434, -66.174, 57.587
XYZ	25.773, 47.384, 12.942
xyY	0.299, 0.55, 47.384
CIE-LCH	74.434, 87.723, 138.969
CIE-LUV	74.434, -62.777, 79.032
Hunter-Lab	68.836, -53.629, 37.038
Binary	00111010, 11010010, 01000010

#3ad242
```
#3ad242 rgb(58,210,66)
```
#d23aca
```
#d23aca rgb(210,58,202)
```

Complementary Color

#7ed23a
```
#7ed23a rgb(126,210,58)
```
#3ad242
```
#3ad242 rgb(58,210,66)
```
#3ad28e
```
#3ad28e rgb(58,210,142)
```

Analogous Color

#d23a7e
```
#d23a7e rgb(210,58,126)
```
#3ad242
```
#3ad242 rgb(58,210,66)
```
#8e3ad2
```
#8e3ad2 rgb(142,58,210)
```

Split Complementary Color

#d2423a
```
#d2423a rgb(210,66,58)
```
#3ad242
```
#3ad242 rgb(58,210,66)
```
#423ad2
```
#423ad2 rgb(66,58,210)
```

Triadic Color

#cad23a
```
#cad23a rgb(202,210,58)
```
#3ad242
```
#3ad242 rgb(58,210,66)
```
#423ad2
```
#423ad2 rgb(66,58,210)
```
#d23aca
```
#d23aca rgb(210,58,202)
```

Tetradic Color

#249c2a
```
#249c2a rgb(36,156,42)
```
#28b130
```
#28b130 rgb(40,177,48)
```
#2dc535
```
#2dc535 rgb(45,197,53)
```
#3ad242
```
#3ad242 rgb(58,210,66)
```
#4fd756
```
#4fd756 rgb(79,215,86)
```
#64db6a
```
#64db6a rgb(100,219,106)
```
#78e07e
```
#78e07e rgb(120,224,126)
```

Monochromatic Color

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

#58d23a
```
#58d23a rgb(88,210,58)
```
#4bd23a
```
#4bd23a rgb(75,210,58)
```
#3fd23a
```
#3fd23a rgb(63,210,58)
```
#3ad242
```
#3ad242 rgb(58,210,66)
```
#3ad24f
```
#3ad24f rgb(58,210,79)
```
#3ad25b
```
#3ad25b rgb(58,210,91)
```
#3ad268
```
#3ad268 rgb(58,210,104)
```

Similar Colors

Text with hexadecimal color #3ad242

This text has a font color of #3ad242.

<span style="color:#3ad242;">Text here</span>

#3ad242 background color

This paragraph has a background color of #3ad242.

<p style="background-color:#3ad242;">Content here</p>

#3ad242 border color

This element has a border color of #3ad242.

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

CSS codes

.text {color:#3ad242;}

.background {background-color:#3ad242;}

.border {border:1px solid #3ad242;}

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, #020b03 is the darkest color, while #fafefa is the lightest one.

#020b03
```
#020b03 rgb(2,11,3)
```
#061b07
```
#061b07 rgb(6,27,7)
```
#0a2b0b
```
#0a2b0b rgb(10,43,11)
```
#0d3a10
```
#0d3a10 rgb(13,58,16)
```
#114a14
```
#114a14 rgb(17,74,20)
```
#155a18
```
#155a18 rgb(21,90,24)
```
#186a1d
```
#186a1d rgb(24,106,29)
```
#1c7a21
```
#1c7a21 rgb(28,122,33)
```
#208a25
```
#208a25 rgb(32,138,37)
```
#239a2a
```
#239a2a rgb(35,154,42)
```
#27aa2e
```
#27aa2e rgb(39,170,46)
```
#2bba32
```
#2bba32 rgb(43,186,50)
```
#2eca36
```
#2eca36 rgb(46,202,54)
```

Shade Color Variation

#3ad242
```
#3ad242 rgb(58,210,66)
```
#4ad651
```
#4ad651 rgb(74,214,81)
```
#5ad961
```
#5ad961 rgb(90,217,97)
```
#6add70
```
#6add70 rgb(106,221,112)
```
#7ae17f
```
#7ae17f rgb(122,225,127)
```
#8ae48f
```
#8ae48f rgb(138,228,143)
```
#9ae89e
```
#9ae89e rgb(154,232,158)
```
#aaecad
```
#aaecad rgb(170,236,173)
```
#baefbd
```
#baefbd rgb(186,239,189)
```
#caf3cc
```
#caf3cc rgb(202,243,204)
```
#daf6db
```
#daf6db rgb(218,246,219)
```
#eafaeb
```
#eafaeb rgb(234,250,235)
```
#fafefa
```
#fafefa rgb(250,254,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848885 is the less saturated color, while #15f721 is the most saturated one.

#848885
```
#848885 rgb(132,136,133)
```
#7b917c
```
#7b917c rgb(123,145,124)
```
#729a74
```
#729a74 rgb(114,154,116)
```
#69a36c
```
#69a36c rgb(105,163,108)
```
#5fad63
```
#5fad63 rgb(95,173,99)
```
#56b65b
```
#56b65b rgb(86,182,91)
```
#4dbf53
```
#4dbf53 rgb(77,191,83)
```
#43c94a
```
#43c94a rgb(67,201,74)
```
#3ad242
```
#3ad242 rgb(58,210,66)
```
#31db3a
```
#31db3a rgb(49,219,58)
```
#27e531
```
#27e531 rgb(39,229,49)
```
#1eee29
```
#1eee29 rgb(30,238,41)
```
#15f721
```
#15f721 rgb(21,247,33)
```

Tone Color Variation

Below, you can see how #3ad242 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

#949494 Achromatopsia 0.005% of the population
#82a084 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0bb44 Protanopia 1% of men
#e5b25a Deuteranopia 1% of men
#72c7d5 Tritanopia 0.001% of the population

Trichromacy

#99c343 Protanomaly 1% of men, 0.01% of women
#a6bd51 Deuteranomaly 6% of men, 0.4% of women
#5ecb9f Tritanomaly 0.01% of the population

#3ad242 hex color

#3ad242 Color Information

#3ad242 Color Conversion

Color Schemes with #3ad242

Alternatives to #3ad242

#3ad242 Preview

Shades and Tints of #3ad242

Tones of #3ad242

Color Blindness Simulator