#3af22a hex color

In a RGB color space, hex #3af22a is composed of 22.7% red, 94.9% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 0% magenta, 82.6% yellow and 5.1% black. It has a hue angle of 115.2 degrees, a saturation of 88.5% and a lightness of 55.7%. #3af22a color hex could be obtained by blending #74ff54 with #00e500. Closest websafe color is: #33ff33.

♥
- f
- t
- g
- R 23
- G 95
- B 16
RGB color chart
- C 76
- M 0
- Y 83
- K 5
CMYK color chart

● #3af22a color description : Bright lime green.

The hexadecimal color #3af22a has RGB values of R:58, G:242, B:42 and CMYK values of C:0.76, M:0, Y:0.83, K:0.05. Its decimal value is 3863082.

Hex triplet	3af22a	`#3af22a`
RGB Decimal	58, 242, 42	`rgb(58,242,42)`
RGB Percent	22.7, 94.9, 16.5	`rgb(22.7%,94.9%,16.5%)`
CMYK	76, 0, 83, 5
HSL	115.2°, 88.5, 55.7	`hsl(115.2,88.5%,55.7%)`
HSV (or HSB)	115.2°, 82.6, 94.9
Web Safe	33ff33	`#33ff33`

CIE-LAB	84.26, -77.523, 74.72
XYZ	33.913, 64.567, 12.866
xyY	0.305, 0.58, 64.567
CIE-LCH	84.26, 107.671, 136.055
CIE-LUV	84.26, -73.974, 98.444
Hunter-Lab	80.354, -65.284, 46.755
Binary	00111010, 11110010, 00101010

#3af22a
```
#3af22a rgb(58,242,42)
```
#e22af2
```
#e22af2 rgb(226,42,242)
```

Complementary Color

#9ef22a
```
#9ef22a rgb(158,242,42)
```
#3af22a
```
#3af22a rgb(58,242,42)
```
#2af27e
```
#2af27e rgb(42,242,126)
```

Analogous Color

#f22a9e
```
#f22a9e rgb(242,42,158)
```
#3af22a
```
#3af22a rgb(58,242,42)
```
#7e2af2
```
#7e2af2 rgb(126,42,242)
```

Split Complementary Color

#f22a3a
```
#f22a3a rgb(242,42,58)
```
#3af22a
```
#3af22a rgb(58,242,42)
```
#2a3af2
```
#2a3af2 rgb(42,58,242)
```

Triadic Color

#f2e22a
```
#f2e22a rgb(242,226,42)
```
#3af22a
```
#3af22a rgb(58,242,42)
```
#2a3af2
```
#2a3af2 rgb(42,58,242)
```
#e22af2
```
#e22af2 rgb(226,42,242)
```

Tetradic Color

#1bc40c
```
#1bc40c rgb(27,196,12)
```
#1edc0d
```
#1edc0d rgb(30,220,13)
```
#24f112
```
#24f112 rgb(36,241,18)
```
#3af22a
```
#3af22a rgb(58,242,42)
```
#50f342
```
#50f342 rgb(80,243,66)
```
#66f55a
```
#66f55a rgb(102,245,90)
```
#7df672
```
#7df672 rgb(125,246,114)
```

Monochromatic Color

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

#6cf22a
```
#6cf22a rgb(108,242,42)
```
#5bf22a
```
#5bf22a rgb(91,242,42)
```
#4bf22a
```
#4bf22a rgb(75,242,42)
```
#3af22a
```
#3af22a rgb(58,242,42)
```
#2af22b
```
#2af22b rgb(42,242,43)
```
#2af23b
```
#2af23b rgb(42,242,59)
```
#2af24c
```
#2af24c rgb(42,242,76)
```

Similar Colors

Text with hexadecimal color #3af22a

This text has a font color of #3af22a.

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

#3af22a background color

This paragraph has a background color of #3af22a.

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

#3af22a border color

This element has a border color of #3af22a.

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

CSS codes

.text {color:#3af22a;}

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

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

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

#010901
```
#010901 rgb(1,9,1)
```
#041b02
```
#041b02 rgb(4,27,2)
```
#062e03
```
#062e03 rgb(6,46,3)
```
#094004
```
#094004 rgb(9,64,4)
```
#0b5305
```
#0b5305 rgb(11,83,5)
```
#0e6506
```
#0e6506 rgb(14,101,6)
```
#107807
```
#107807 rgb(16,120,7)
```
#138a08
```
#138a08 rgb(19,138,8)
```
#159d0a
```
#159d0a rgb(21,157,10)
```
#18af0b
```
#18af0b rgb(24,175,11)
```
#1ac20c
```
#1ac20c rgb(26,194,12)
```
#1dd40d
```
#1dd40d rgb(29,212,13)
```
#1fe70e
```
#1fe70e rgb(31,231,14)
```

Shade Color Variation

#29f118
```
#29f118 rgb(41,241,24)
```
#3af22a
```
#3af22a rgb(58,242,42)
```
#4bf33c
```
#4bf33c rgb(75,243,60)
```
#5cf44f
```
#5cf44f rgb(92,244,79)
```
#6df561
```
#6df561 rgb(109,245,97)
```
#7ef774
```
#7ef774 rgb(126,247,116)
```
#8ff886
```
#8ff886 rgb(143,248,134)
```
#a1f999
```
#a1f999 rgb(161,249,153)
```
#b2faab
```
#b2faab rgb(178,250,171)
```
#c3fbbe
```
#c3fbbe rgb(195,251,190)
```
#d4fcd0
```
#d4fcd0 rgb(212,252,208)
```
#e5fde3
```
#e5fde3 rgb(229,253,227)
```
#f6fef5
```
#f6fef5 rgb(246,254,245)
```

Tint Color Variation

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

#8a928a
```
#8a928a rgb(138,146,138)
```
#839b81
```
#839b81 rgb(131,155,129)
```
#7ca478
```
#7ca478 rgb(124,164,120)
```
#74ac70
```
#74ac70 rgb(116,172,112)
```
#6db567
```
#6db567 rgb(109,181,103)
```
#66be5e
```
#66be5e rgb(102,190,94)
```
#5fc755
```
#5fc755 rgb(95,199,85)
```
#57cf4d
```
#57cf4d rgb(87,207,77)
```
#50d844
```
#50d844 rgb(80,216,68)
```
#49e13b
```
#49e13b rgb(73,225,59)
```
#41e933
```
#41e933 rgb(65,233,51)
```
#3af22a
```
#3af22a rgb(58,242,42)
```
#33fb21
```
#33fb21 rgb(51,251,33)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#8fb48c Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed42c Protanopia 1% of men
#ffcc78 Deuteranopia 1% of men
#81e2f3 Tritanopia 0.001% of the population

Trichromacy

#acdf2b Protanomaly 1% of men, 0.01% of women
#b7da5c Deuteranomaly 6% of men, 0.4% of women
#67e8aa Tritanomaly 0.01% of the population

#3af22a hex color

#3af22a Color Information

#3af22a Color Conversion

Color Schemes with #3af22a

Alternatives to #3af22a

#3af22a Preview

Shades and Tints of #3af22a

Tones of #3af22a

Color Blindness Simulator