#3af720 hex color

In a RGB color space, hex #3af720 is composed of 22.7% red, 96.9% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 0% magenta, 87% yellow and 3.1% black. It has a hue angle of 112.7 degrees, a saturation of 93.1% and a lightness of 54.7%. #3af720 color hex could be obtained by blending #74ff40 with #00ef00. Closest websafe color is: #33ff33.

♥
- f
- t
- g
- R 23
- G 97
- B 13
RGB color chart
- C 77
- M 0
- Y 87
- K 3
CMYK color chart

● #3af720 color description : Vivid lime green.

The hexadecimal color #3af720 has RGB values of R:58, G:247, B:32 and CMYK values of C:0.77, M:0, Y:0.87, K:0.03. Its decimal value is 3864352.

Hex triplet	3af720	`#3af720`
RGB Decimal	58, 247, 32	`rgb(58,247,32)`
RGB Percent	22.7, 96.9, 12.5	`rgb(22.7%,96.9%,12.5%)`
CMYK	77, 0, 87, 3
HSL	112.7°, 93.1, 54.7	`hsl(112.7,93.1%,54.7%)`
HSV (or HSB)	112.7°, 87, 96.9
Web Safe	33ff33	`#33ff33`

CIE-LAB	85.767, -79.367, 78.151
XYZ	35.264, 67.522, 12.541
xyY	0.306, 0.585, 67.522
CIE-LCH	85.767, 111.385, 135.442
CIE-LUV	85.767, -75.726, 101.89
Hunter-Lab	82.172, -67.196, 48.471
Binary	00111010, 11110111, 00100000

#3af720
```
#3af720 rgb(58,247,32)
```
#dd20f7
```
#dd20f7 rgb(221,32,247)
```

Complementary Color

#a6f720
```
#a6f720 rgb(166,247,32)
```
#3af720
```
#3af720 rgb(58,247,32)
```
#20f772
```
#20f772 rgb(32,247,114)
```

Analogous Color

#f720a6
```
#f720a6 rgb(247,32,166)
```
#3af720
```
#3af720 rgb(58,247,32)
```
#7220f7
```
#7220f7 rgb(114,32,247)
```

Split Complementary Color

#f7203a
```
#f7203a rgb(247,32,58)
```
#3af720
```
#3af720 rgb(58,247,32)
```
#203af7
```
#203af7 rgb(32,58,247)
```

Triadic Color

#f7dd20
```
#f7dd20 rgb(247,221,32)
```
#3af720
```
#3af720 rgb(58,247,32)
```
#203af7
```
#203af7 rgb(32,58,247)
```
#dd20f7
```
#dd20f7 rgb(221,32,247)
```

Tetradic Color

#1ec307
```
#1ec307 rgb(30,195,7)
```
#22dc08
```
#22dc08 rgb(34,220,8)
```
#25f509
```
#25f509 rgb(37,245,9)
```
#3af720
```
#3af720 rgb(58,247,32)
```
#50f839
```
#50f839 rgb(80,248,57)
```
#65f951
```
#65f951 rgb(101,249,81)
```
#7bfa6a
```
#7bfa6a rgb(123,250,106)
```

Monochromatic Color

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

#70f720
```
#70f720 rgb(112,247,32)
```
#5ef720
```
#5ef720 rgb(94,247,32)
```
#4cf720
```
#4cf720 rgb(76,247,32)
```
#3af720
```
#3af720 rgb(58,247,32)
```
#28f720
```
#28f720 rgb(40,247,32)
```
#20f72a
```
#20f72a rgb(32,247,42)
```
#20f73c
```
#20f73c rgb(32,247,60)
```

Similar Colors

Text with hexadecimal color #3af720

This text has a font color of #3af720.

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

#3af720 background color

This paragraph has a background color of #3af720.

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

#3af720 border color

This element has a border color of #3af720.

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

CSS codes

.text {color:#3af720;}

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

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

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

#010400
```
#010400 rgb(1,4,0)
```
#041701
```
#041701 rgb(4,23,1)
```
#062a02
```
#062a02 rgb(6,42,2)
```
#093d02
```
#093d02 rgb(9,61,2)
```
#0c5003
```
#0c5003 rgb(12,80,3)
```
#0f6304
```
#0f6304 rgb(15,99,4)
```
#127604
```
#127604 rgb(18,118,4)
```
#158905
```
#158905 rgb(21,137,5)
```
#189c06
```
#189c06 rgb(24,156,6)
```
#1baf06
```
#1baf06 rgb(27,175,6)
```
#1ec207
```
#1ec207 rgb(30,194,7)
```
#20d508
```
#20d508 rgb(32,213,8)
```
#23e708
```
#23e708 rgb(35,231,8)
```

Shade Color Variation

#29f60d
```
#29f60d rgb(41,246,13)
```
#3af720
```
#3af720 rgb(58,247,32)
```
#4bf833
```
#4bf833 rgb(75,248,51)
```
#5bf846
```
#5bf846 rgb(91,248,70)
```
#6cf959
```
#6cf959 rgb(108,249,89)
```
#7dfa6c
```
#7dfa6c rgb(125,250,108)
```
#8efa7f
```
#8efa7f rgb(142,250,127)
```
#9efb92
```
#9efb92 rgb(158,251,146)
```
#affca5
```
#affca5 rgb(175,252,165)
```
#c0fcb7
```
#c0fcb7 rgb(192,252,183)
```
#d1fdca
```
#d1fdca rgb(209,253,202)
```
#e1fedd
```
#e1fedd rgb(225,254,221)
```
#f2fef0
```
#f2fef0 rgb(242,254,240)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8c8b is the less saturated color, while #3af720 is the most saturated one.

#8b8c8b
```
#8b8c8b rgb(139,140,139)
```
#849582
```
#849582 rgb(132,149,130)
```
#7d9e79
```
#7d9e79 rgb(125,158,121)
```
#77a770
```
#77a770 rgb(119,167,112)
```
#70b067
```
#70b067 rgb(112,176,103)
```
#69b95e
```
#69b95e rgb(105,185,94)
```
#62c255
```
#62c255 rgb(98,194,85)
```
#5ccb4c
```
#5ccb4c rgb(92,203,76)
```
#55d344
```
#55d344 rgb(85,211,68)
```
#4edc3b
```
#4edc3b rgb(78,220,59)
```
#47e532
```
#47e532 rgb(71,229,50)
```
#41ee29
```
#41ee29 rgb(65,238,41)
```
#3af720
```
#3af720 rgb(58,247,32)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#90b68b Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2d821 Protanopia 1% of men
#ffd18a Deuteranopia 1% of men
#83e7f7 Tritanopia 0.001% of the population

Trichromacy

#afe321 Protanomaly 1% of men, 0.01% of women
#b7df64 Deuteranomaly 6% of men, 0.4% of women
#68eca9 Tritanomaly 0.01% of the population

#3af720 hex color

#3af720 Color Information

#3af720 Color Conversion

Color Schemes with #3af720

Alternatives to #3af720

#3af720 Preview

Shades and Tints of #3af720

Tones of #3af720

Color Blindness Simulator