#3af320 hex color

In a RGB color space, hex #3af320 is composed of 22.7% red, 95.3% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 0% magenta, 86.8% yellow and 4.7% black. It has a hue angle of 112.6 degrees, a saturation of 89.8% and a lightness of 53.9%. #3af320 color hex could be obtained by blending #74ff40 with #00e700. Closest websafe color is: #33ff33.

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

● #3af320 color description : Vivid lime green.

The hexadecimal color #3af320 has RGB values of R:58, G:243, B:32 and CMYK values of C:0.76, M:0, Y:0.87, K:0.05. Its decimal value is 3863328.

Hex triplet	3af320	`#3af320`
RGB Decimal	58, 243, 32	`rgb(58,243,32)`
RGB Percent	22.7, 95.3, 12.5	`rgb(22.7%,95.3%,12.5%)`
CMYK	76, 0, 87, 5
HSL	112.6°, 89.8, 53.9	`hsl(112.6,89.8%,53.9%)`
HSV (or HSB)	112.6°, 86.8, 95.3
Web Safe	33ff33	`#33ff33`

CIE-LAB	84.536, -78.22, 77.084
XYZ	34.054, 65.101, 12.138
xyY	0.306, 0.585, 65.101
CIE-LCH	84.536, 109.819, 135.419
CIE-LUV	84.536, -74.439, 100.315
Hunter-Lab	80.685, -65.861, 47.561
Binary	00111010, 11110011, 00100000

#3af320
```
#3af320 rgb(58,243,32)
```
#d920f3
```
#d920f3 rgb(217,32,243)
```

Complementary Color

#a4f320
```
#a4f320 rgb(164,243,32)
```
#3af320
```
#3af320 rgb(58,243,32)
```
#20f370
```
#20f370 rgb(32,243,112)
```

Analogous Color

#f320a4
```
#f320a4 rgb(243,32,164)
```
#3af320
```
#3af320 rgb(58,243,32)
```
#7020f3
```
#7020f3 rgb(112,32,243)
```

Split Complementary Color

#f3203a
```
#f3203a rgb(243,32,58)
```
#3af320
```
#3af320 rgb(58,243,32)
```
#203af3
```
#203af3 rgb(32,58,243)
```

Triadic Color

#f3d920
```
#f3d920 rgb(243,217,32)
```
#3af320
```
#3af320 rgb(58,243,32)
```
#203af3
```
#203af3 rgb(32,58,243)
```
#d920f3
```
#d920f3 rgb(217,32,243)
```

Tetradic Color

#20bc0a
```
#20bc0a rgb(32,188,10)
```
#24d50b
```
#24d50b rgb(36,213,11)
```
#28ed0d
```
#28ed0d rgb(40,237,13)
```
#3af320
```
#3af320 rgb(58,243,32)
```
#4ff438
```
#4ff438 rgb(79,244,56)
```
#65f650
```
#65f650 rgb(101,246,80)
```
#7af769
```
#7af769 rgb(122,247,105)
```

Monochromatic Color

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

#6ff320
```
#6ff320 rgb(111,243,32)
```
#5df320
```
#5df320 rgb(93,243,32)
```
#4cf320
```
#4cf320 rgb(76,243,32)
```
#3af320
```
#3af320 rgb(58,243,32)
```
#28f320
```
#28f320 rgb(40,243,32)
```
#20f329
```
#20f329 rgb(32,243,41)
```
#20f33b
```
#20f33b rgb(32,243,59)
```

Similar Colors

Text with hexadecimal color #3af320

This text has a font color of #3af320.

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

#3af320 background color

This paragraph has a background color of #3af320.

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

#3af320 border color

This element has a border color of #3af320.

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

CSS codes

.text {color:#3af320;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#031301
```
#031301 rgb(3,19,1)
```
#062602
```
#062602 rgb(6,38,2)
```
#0a3803
```
#0a3803 rgb(10,56,3)
```
#0d4b04
```
#0d4b04 rgb(13,75,4)
```
#105d05
```
#105d05 rgb(16,93,5)
```
#137006
```
#137006 rgb(19,112,6)
```
#168307
```
#168307 rgb(22,131,7)
```
#199508
```
#199508 rgb(25,149,8)
```
#1da809
```
#1da809 rgb(29,168,9)
```
#20bb0a
```
#20bb0a rgb(32,187,10)
```
#23cd0b
```
#23cd0b rgb(35,205,11)
```
#26e00c
```
#26e00c rgb(38,224,12)
```

Shade Color Variation

#2af20d
```
#2af20d rgb(42,242,13)
```
#3af320
```
#3af320 rgb(58,243,32)
```
#4af433
```
#4af433 rgb(74,244,51)
```
#5bf545
```
#5bf545 rgb(91,245,69)
```
#6bf658
```
#6bf658 rgb(107,246,88)
```
#7cf76a
```
#7cf76a rgb(124,247,106)
```
#8cf87d
```
#8cf87d rgb(140,248,125)
```
#9df990
```
#9df990 rgb(157,249,144)
```
#adfaa2
```
#adfaa2 rgb(173,250,162)
```
#befbb5
```
#befbb5 rgb(190,251,181)
```
#cefcc8
```
#cefcc8 rgb(206,252,200)
```
#defdda
```
#defdda rgb(222,253,218)
```
#effeed
```
#effeed rgb(239,254,237)
```

Tint Color Variation

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

#859083
```
#859083 rgb(133,144,131)
```
#7e997a
```
#7e997a rgb(126,153,122)
```
#77a271
```
#77a271 rgb(119,162,113)
```
#70ab68
```
#70ab68 rgb(112,171,104)
```
#6ab45f
```
#6ab45f rgb(106,180,95)
```
#63bd56
```
#63bd56 rgb(99,189,86)
```
#5cc64d
```
#5cc64d rgb(92,198,77)
```
#55cf44
```
#55cf44 rgb(85,207,68)
```
#4ed83b
```
#4ed83b rgb(78,216,59)
```
#48e132
```
#48e132 rgb(72,225,50)
```
#41ea29
```
#41ea29 rgb(65,234,41)
```
#3af320
```
#3af320 rgb(58,243,32)
```
#33fc17
```
#33fc17 rgb(51,252,23)
```

Tone Color Variation

Below, you can see how #3af320 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
#8fb48a Atypical Achromatopsia 0.001% of the population

Dichromacy

#efd522 Protanopia 1% of men
#ffcd7b Deuteranopia 1% of men
#81e3f4 Tritanopia 0.001% of the population

Trichromacy

#ade021 Protanomaly 1% of men, 0.01% of women
#b7db5a Deuteranomaly 6% of men, 0.4% of women
#67e9a6 Tritanomaly 0.01% of the population

#3af320 hex color

#3af320 Color Information

#3af320 Color Conversion

Color Schemes with #3af320

Alternatives to #3af320

#3af320 Preview

Shades and Tints of #3af320

Tones of #3af320

Color Blindness Simulator