#3af02a hex color

In a RGB color space, hex #3af02a is composed of 22.7% red, 94.1% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 75.8% cyan, 0% magenta, 82.5% yellow and 5.9% black. It has a hue angle of 115.2 degrees, a saturation of 86.8% and a lightness of 55.3%. #3af02a color hex could be obtained by blending #74ff54 with #00e100. Closest websafe color is: #33ff33.

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

● #3af02a color description : Bright lime green.

The hexadecimal color #3af02a has RGB values of R:58, G:240, B:42 and CMYK values of C:0.76, M:0, Y:0.83, K:0.06. Its decimal value is 3862570.

Hex triplet	3af02a	`#3af02a`
RGB Decimal	58, 240, 42	`rgb(58,240,42)`
RGB Percent	22.7, 94.1, 16.5	`rgb(22.7%,94.1%,16.5%)`
CMYK	76, 0, 83, 6
HSL	115.2°, 86.8, 55.3	`hsl(115.2,86.8%,55.3%)`
HSV (or HSB)	115.2°, 82.5, 94.1
Web Safe	33ff33	`#33ff33`

CIE-LAB	83.644, -76.941, 74.162
XYZ	33.321, 63.383, 12.668
xyY	0.305, 0.58, 63.383
CIE-LCH	83.644, 106.864, 136.054
CIE-LUV	83.644, -73.326, 97.637
Hunter-Lab	79.614, -64.616, 46.295
Binary	00111010, 11110000, 00101010

#3af02a
```
#3af02a rgb(58,240,42)
```
#e02af0
```
#e02af0 rgb(224,42,240)
```

Complementary Color

#9df02a
```
#9df02a rgb(157,240,42)
```
#3af02a
```
#3af02a rgb(58,240,42)
```
#2af07d
```
#2af07d rgb(42,240,125)
```

Analogous Color

#f02a9d
```
#f02a9d rgb(240,42,157)
```
#3af02a
```
#3af02a rgb(58,240,42)
```
#7d2af0
```
#7d2af0 rgb(125,42,240)
```

Split Complementary Color

#f02a3a
```
#f02a3a rgb(240,42,58)
```
#3af02a
```
#3af02a rgb(58,240,42)
```
#2a3af0
```
#2a3af0 rgb(42,58,240)
```

Triadic Color

#f0e02a
```
#f0e02a rgb(240,224,42)
```
#3af02a
```
#3af02a rgb(58,240,42)
```
#2a3af0
```
#2a3af0 rgb(42,58,240)
```
#e02af0
```
#e02af0 rgb(224,42,240)
```

Tetradic Color

#1cc00e
```
#1cc00e rgb(28,192,14)
```
#1fd80f
```
#1fd80f rgb(31,216,15)
```
#24ee12
```
#24ee12 rgb(36,238,18)
```
#3af02a
```
#3af02a rgb(58,240,42)
```
#50f242
```
#50f242 rgb(80,242,66)
```
#66f35a
```
#66f35a rgb(102,243,90)
```
#7cf571
```
#7cf571 rgb(124,245,113)
```

Monochromatic Color

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

#6cf02a
```
#6cf02a rgb(108,240,42)
```
#5bf02a
```
#5bf02a rgb(91,240,42)
```
#4bf02a
```
#4bf02a rgb(75,240,42)
```
#3af02a
```
#3af02a rgb(58,240,42)
```
#2af02a
```
#2af02a rgb(42,240,42)
```
#2af03b
```
#2af03b rgb(42,240,59)
```
#2af04b
```
#2af04b rgb(42,240,75)
```

Similar Colors

Text with hexadecimal color #3af02a

This text has a font color of #3af02a.

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

#3af02a background color

This paragraph has a background color of #3af02a.

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

#3af02a border color

This element has a border color of #3af02a.

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

CSS codes

.text {color:#3af02a;}

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

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

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

#010700
```
#010700 rgb(1,7,0)
```
#041902
```
#041902 rgb(4,25,2)
```
#062c03
```
#062c03 rgb(6,44,3)
```
#093e04
```
#093e04 rgb(9,62,4)
```
#0c5006
```
#0c5006 rgb(12,80,6)
```
#0e6307
```
#0e6307 rgb(14,99,7)
```
#117508
```
#117508 rgb(17,117,8)
```
#14870a
```
#14870a rgb(20,135,10)
```
#16990b
```
#16990b rgb(22,153,11)
```
#19ac0c
```
#19ac0c rgb(25,172,12)
```
#1cbe0d
```
#1cbe0d rgb(28,190,13)
```
#1ed00f
```
#1ed00f rgb(30,208,15)
```
#21e310
```
#21e310 rgb(33,227,16)
```

Shade Color Variation

#29ef18
```
#29ef18 rgb(41,239,24)
```
#3af02a
```
#3af02a rgb(58,240,42)
```
#4bf13c
```
#4bf13c rgb(75,241,60)
```
#5cf34f
```
#5cf34f rgb(92,243,79)
```
#6df461
```
#6df461 rgb(109,244,97)
```
#7ef573
```
#7ef573 rgb(126,245,115)
```
#8ff686
```
#8ff686 rgb(143,246,134)
```
#a0f898
```
#a0f898 rgb(160,248,152)
```
#b1f9aa
```
#b1f9aa rgb(177,249,170)
```
#c2fabd
```
#c2fabd rgb(194,250,189)
```
#d3fccf
```
#d3fccf rgb(211,252,207)
```
#e3fde1
```
#e3fde1 rgb(227,253,225)
```
#f4fef4
```
#f4fef4 rgb(244,254,244)
```

Tint Color Variation

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

#8b908a
```
#8b908a rgb(139,144,138)
```
#849882
```
#849882 rgb(132,152,130)
```
#7ca179
```
#7ca179 rgb(124,161,121)
```
#75aa70
```
#75aa70 rgb(117,170,112)
```
#6db367
```
#6db367 rgb(109,179,103)
```
#66bb5f
```
#66bb5f rgb(102,187,95)
```
#5fc456
```
#5fc456 rgb(95,196,86)
```
#57cd4d
```
#57cd4d rgb(87,205,77)
```
#50d644
```
#50d644 rgb(80,214,68)
```
#49de3c
```
#49de3c rgb(73,222,60)
```
#41e733
```
#41e733 rgb(65,231,51)
```
#3af02a
```
#3af02a rgb(58,240,42)
```
#33f921
```
#33f921 rgb(51,249,33)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#8eb28b Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd32c Protanopia 1% of men
#ffca6f Deuteranopia 1% of men
#80e1f1 Tritanopia 0.001% of the population

Trichromacy

#abdd2b Protanomaly 1% of men, 0.01% of women
#b7d856 Deuteranomaly 6% of men, 0.4% of women
#66e6a8 Tritanomaly 0.01% of the population

#3af02a hex color

#3af02a Color Information

#3af02a Color Conversion

Color Schemes with #3af02a

Alternatives to #3af02a

#3af02a Preview

Shades and Tints of #3af02a

Tones of #3af02a

Color Blindness Simulator