#3af514 hex color

In a RGB color space, hex #3af514 is composed of 22.7% red, 96.1% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 0% magenta, 91.8% yellow and 3.9% black. It has a hue angle of 109.9 degrees, a saturation of 91.8% and a lightness of 52%. #3af514 color hex could be obtained by blending #74ff28 with #00eb00. Closest websafe color is: #33ff00.

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

● #3af514 color description : Vivid lime green.

The hexadecimal color #3af514 has RGB values of R:58, G:245, B:20 and CMYK values of C:0.76, M:0, Y:0.92, K:0.04. Its decimal value is 3863828.

Hex triplet	3af514	`#3af514`
RGB Decimal	58, 245, 20	`rgb(58,245,20)`
RGB Percent	22.7, 96.1, 7.8	`rgb(22.7%,96.1%,7.8%)`
CMYK	76, 0, 92, 4
HSL	109.9°, 91.8, 52	`hsl(109.9,91.8%,52%)`
HSV (or HSB)	109.9°, 91.8, 96.1
Web Safe	33ff00	`#33ff00`

CIE-LAB	85.124, -79.139, 79.458
XYZ	34.522, 66.251, 11.63
xyY	0.307, 0.589, 66.251
CIE-LCH	85.124, 112.145, 134.884
CIE-LUV	85.124, -75.204, 102.352
Hunter-Lab	81.395, -66.734, 48.505
Binary	00111010, 11110101, 00010100

#3af514
```
#3af514 rgb(58,245,20)
```
#cf14f5
```
#cf14f5 rgb(207,20,245)
```

Complementary Color

#abf514
```
#abf514 rgb(171,245,20)
```
#3af514
```
#3af514 rgb(58,245,20)
```
#14f55e
```
#14f55e rgb(20,245,94)
```

Analogous Color

#f514ab
```
#f514ab rgb(245,20,171)
```
#3af514
```
#3af514 rgb(58,245,20)
```
#5e14f5
```
#5e14f5 rgb(94,20,245)
```

Split Complementary Color

#f5143a
```
#f5143a rgb(245,20,58)
```
#3af514
```
#3af514 rgb(58,245,20)
```
#143af5
```
#143af5 rgb(20,58,245)
```

Triadic Color

#f5cf14
```
#f5cf14 rgb(245,207,20)
```
#3af514
```
#3af514 rgb(58,245,20)
```
#143af5
```
#143af5 rgb(20,58,245)
```
#cf14f5
```
#cf14f5 rgb(207,20,245)
```

Tetradic Color

#25b508
```
#25b508 rgb(37,181,8)
```
#2acd09
```
#2acd09 rgb(42,205,9)
```
#2fe60a
```
#2fe60a rgb(47,230,10)
```
#3af514
```
#3af514 rgb(58,245,20)
```
#4ff62c
```
#4ff62c rgb(79,246,44)
```
#63f745
```
#63f745 rgb(99,247,69)
```
#78f85d
```
#78f85d rgb(120,248,93)
```

Monochromatic Color

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

#72f514
```
#72f514 rgb(114,245,20)
```
#60f514
```
#60f514 rgb(96,245,20)
```
#4df514
```
#4df514 rgb(77,245,20)
```
#3af514
```
#3af514 rgb(58,245,20)
```
#27f514
```
#27f514 rgb(39,245,20)
```
#15f514
```
#15f514 rgb(21,245,20)
```
#14f526
```
#14f526 rgb(20,245,38)
```

Similar Colors

Text with hexadecimal color #3af514

This text has a font color of #3af514.

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

#3af514 background color

This paragraph has a background color of #3af514.

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

#3af514 border color

This element has a border color of #3af514.

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

CSS codes

.text {color:#3af514;}

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

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

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, #020a00 is the darkest color, while #f7fff6 is the lightest one.

#020a00
```
#020a00 rgb(2,10,0)
```
#061c01
```
#061c01 rgb(6,28,1)
```
#0a2f02
```
#0a2f02 rgb(10,47,2)
```
#0d4203
```
#0d4203 rgb(13,66,3)
```
#115504
```
#115504 rgb(17,85,4)
```
#156804
```
#156804 rgb(21,104,4)
```
#197a05
```
#197a05 rgb(25,122,5)
```
#1d8d06
```
#1d8d06 rgb(29,141,6)
```
#21a007
```
#21a007 rgb(33,160,7)
```
#25b308
```
#25b308 rgb(37,179,8)
```
#28c608
```
#28c608 rgb(40,198,8)
```
#2cd909
```
#2cd909 rgb(44,217,9)
```
#30eb0a
```
#30eb0a rgb(48,235,10)
```

Shade Color Variation

#3af514
```
#3af514 rgb(58,245,20)
```
#4af627
```
#4af627 rgb(74,246,39)
```
#5af73a
```
#5af73a rgb(90,247,58)
```
#69f74c
```
#69f74c rgb(105,247,76)
```
#79f85f
```
#79f85f rgb(121,248,95)
```
#89f972
```
#89f972 rgb(137,249,114)
```
#99fa85
```
#99fa85 rgb(153,250,133)
```
#a8fb98
```
#a8fb98 rgb(168,251,152)
```
#b8fbab
```
#b8fbab rgb(184,251,171)
```
#c8fcbd
```
#c8fcbd rgb(200,252,189)
```
#d8fdd0
```
#d8fdd0 rgb(216,253,208)
```
#e7fee3
```
#e7fee3 rgb(231,254,227)
```
#f7fff6
```
#f7fff6 rgb(247,255,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8d7c is the less saturated color, while #34fe0b is the most saturated one.

#7f8d7c
```
#7f8d7c rgb(127,141,124)
```
#789772
```
#789772 rgb(120,151,114)
```
#72a069
```
#72a069 rgb(114,160,105)
```
#6caa5f
```
#6caa5f rgb(108,170,95)
```
#66b356
```
#66b356 rgb(102,179,86)
```
#5fbc4d
```
#5fbc4d rgb(95,188,77)
```
#59c643
```
#59c643 rgb(89,198,67)
```
#53cf3a
```
#53cf3a rgb(83,207,58)
```
#4dd930
```
#4dd930 rgb(77,217,48)
```
#46e227
```
#46e227 rgb(70,226,39)
```
#40ec1d
```
#40ec1d rgb(64,236,29)
```
#3af514
```
#3af514 rgb(58,245,20)
```
#34fe0b
```
#34fe0b rgb(52,254,11)
```

Tone Color Variation

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

Dichromacy

#f1d711 Protanopia 1% of men
#ffcf82 Deuteranopia 1% of men
#82e5f5 Tritanopia 0.001% of the population

Trichromacy

#aee212 Protanomaly 1% of men, 0.01% of women
#b7dd5a Deuteranomaly 6% of men, 0.4% of women
#68eaa3 Tritanomaly 0.01% of the population

#3af514 hex color

#3af514 Color Information

#3af514 Color Conversion

Color Schemes with #3af514

Alternatives to #3af514

#3af514 Preview

Shades and Tints of #3af514

Tones of #3af514

Color Blindness Simulator