#3af60c hex color

In a RGB color space, hex #3af60c is composed of 22.7% red, 96.5% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 0% magenta, 95.1% yellow and 3.5% black. It has a hue angle of 108.2 degrees, a saturation of 92.9% and a lightness of 50.6%. #3af60c color hex could be obtained by blending #74ff18 with #00ed00. Closest websafe color is: #33ff00.

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

● #3af60c color description : Vivid lime green.

The hexadecimal color #3af60c has RGB values of R:58, G:246, B:12 and CMYK values of C:0.76, M:0, Y:0.95, K:0.04. Its decimal value is 3864076.

Hex triplet	3af60c	`#3af60c`
RGB Decimal	58, 246, 12	`rgb(58,246,12)`
RGB Percent	22.7, 96.5, 4.7	`rgb(22.7%,96.5%,4.7%)`
CMYK	76, 0, 95, 4
HSL	108.2°, 92.9, 50.6	`hsl(108.2,92.9%,50.6%)`
HSV (or HSB)	108.2°, 95.1, 96.5
Web Safe	33ff00	`#33ff00`

CIE-LAB	85.42, -79.576, 80.555
XYZ	34.765, 66.834, 11.416
xyY	0.308, 0.591, 66.834
CIE-LCH	85.42, 113.232, 134.65
CIE-LUV	85.42, -75.579, 103.295
Hunter-Lab	81.752, -67.159, 48.947
Binary	00111010, 11110110, 00001100

#3af60c
```
#3af60c rgb(58,246,12)
```
#c80cf6
```
#c80cf6 rgb(200,12,246)
```

Complementary Color

#aff60c
```
#aff60c rgb(175,246,12)
```
#3af60c
```
#3af60c rgb(58,246,12)
```
#0cf653
```
#0cf653 rgb(12,246,83)
```

Analogous Color

#f60caf
```
#f60caf rgb(246,12,175)
```
#3af60c
```
#3af60c rgb(58,246,12)
```
#530cf6
```
#530cf6 rgb(83,12,246)
```

Split Complementary Color

#f60c3a
```
#f60c3a rgb(246,12,58)
```
#3af60c
```
#3af60c rgb(58,246,12)
```
#0c3af6
```
#0c3af6 rgb(12,58,246)
```

Triadic Color

#f6c80c
```
#f6c80c rgb(246,200,12)
```
#3af60c
```
#3af60c rgb(58,246,12)
```
#0c3af6
```
#0c3af6 rgb(12,58,246)
```
#c80cf6
```
#c80cf6 rgb(200,12,246)
```

Tetradic Color

#28af06
```
#28af06 rgb(40,175,6)
```
#2dc807
```
#2dc807 rgb(45,200,7)
```
#33e008
```
#33e008 rgb(51,224,8)
```
#3af60c
```
#3af60c rgb(58,246,12)
```
#4ef725
```
#4ef725 rgb(78,247,37)
```
#62f83d
```
#62f83d rgb(98,248,61)
```
#76f956
```
#76f956 rgb(118,249,86)
```

Monochromatic Color

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

#75f60c
```
#75f60c rgb(117,246,12)
```
#61f60c
```
#61f60c rgb(97,246,12)
```
#4df60c
```
#4df60c rgb(77,246,12)
```
#3af60c
```
#3af60c rgb(58,246,12)
```
#26f60c
```
#26f60c rgb(38,246,12)
```
#13f60c
```
#13f60c rgb(19,246,12)
```
#0cf619
```
#0cf619 rgb(12,246,25)
```

Similar Colors

Text with hexadecimal color #3af60c

This text has a font color of #3af60c.

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

#3af60c background color

This paragraph has a background color of #3af60c.

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

#3af60c border color

This element has a border color of #3af60c.

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

CSS codes

.text {color:#3af60c;}

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

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

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

#010300
```
#010300 rgb(1,3,0)
```
#051601
```
#051601 rgb(5,22,1)
```
#092902
```
#092902 rgb(9,41,2)
```
#0d3c02
```
#0d3c02 rgb(13,60,2)
```
#124f03
```
#124f03 rgb(18,79,3)
```
#166104
```
#166104 rgb(22,97,4)
```
#1a7404
```
#1a7404 rgb(26,116,4)
```
#1f8705
```
#1f8705 rgb(31,135,5)
```
#239a06
```
#239a06 rgb(35,154,6)
```
#27ad06
```
#27ad06 rgb(39,173,6)
```
#2bc007
```
#2bc007 rgb(43,192,7)
```
#30d308
```
#30d308 rgb(48,211,8)
```
#34e609
```
#34e609 rgb(52,230,9)
```

Shade Color Variation

#3af60c
```
#3af60c rgb(58,246,12)
```
#49f71f
```
#49f71f rgb(73,247,31)
```
#59f732
```
#59f732 rgb(89,247,50)
```
#68f845
```
#68f845 rgb(104,248,69)
```
#77f958
```
#77f958 rgb(119,249,88)
```
#87fa6b
```
#87fa6b rgb(135,250,107)
```
#96fa7d
```
#96fa7d rgb(150,250,125)
```
#a5fb90
```
#a5fb90 rgb(165,251,144)
```
#b5fca3
```
#b5fca3 rgb(181,252,163)
```
#c4fcb6
```
#c4fcb6 rgb(196,252,182)
```
#d3fdc9
```
#d3fdc9 rgb(211,253,201)
```
#e3fedc
```
#e3fedc rgb(227,254,220)
```
#f2feef
```
#f2feef rgb(242,254,239)
```

Tint Color Variation

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

#818280
```
#818280 rgb(129,130,128)
```
#7b8b77
```
#7b8b77 rgb(123,139,119)
```
#75956d
```
#75956d rgb(117,149,109)
```
#6f9f63
```
#6f9f63 rgb(111,159,99)
```
#69a85a
```
#69a85a rgb(105,168,90)
```
#63b250
```
#63b250 rgb(99,178,80)
```
#5dbc46
```
#5dbc46 rgb(93,188,70)
```
#57c63c
```
#57c63c rgb(87,198,60)
```
#52cf33
```
#52cf33 rgb(82,207,51)
```
#4cd929
```
#4cd929 rgb(76,217,41)
```
#46e31f
```
#46e31f rgb(70,227,31)
```
#40ec16
```
#40ec16 rgb(64,236,22)
```
#3af60c
```
#3af60c rgb(58,246,12)
```

Tone Color Variation

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

Dichromacy

#f2d800 Protanopia 1% of men
#ffd086 Deuteranopia 1% of men
#83e5f6 Tritanopia 0.001% of the population

Trichromacy

#afe204 Protanomaly 1% of men, 0.01% of women
#b7de59 Deuteranomaly 6% of men, 0.4% of women
#68eba1 Tritanomaly 0.01% of the population

#3af60c hex color

#3af60c Color Information

#3af60c Color Conversion

Color Schemes with #3af60c

Alternatives to #3af60c

#3af60c Preview

Shades and Tints of #3af60c

Tones of #3af60c

Color Blindness Simulator