#3af814 hex color

In a RGB color space, hex #3af814 is composed of 22.7% red, 97.3% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 76.6% cyan, 0% magenta, 91.9% yellow and 2.7% black. It has a hue angle of 110 degrees, a saturation of 94.2% and a lightness of 52.5%. #3af814 color hex could be obtained by blending #74ff28 with #00f100. Closest websafe color is: #33ff00.

♥
- f
- t
- g
- R 23
- G 97
- B 8
RGB color chart
- C 77
- M 0
- Y 92
- K 3
CMYK color chart

● #3af814 color description : Vivid lime green.

The hexadecimal color #3af814 has RGB values of R:58, G:248, B:20 and CMYK values of C:0.77, M:0, Y:0.92, K:0.03. Its decimal value is 3864596.

Hex triplet	3af814	`#3af814`
RGB Decimal	58, 248, 20	`rgb(58,248,20)`
RGB Percent	22.7, 97.3, 7.8	`rgb(22.7%,97.3%,7.8%)`
CMYK	77, 0, 92, 3
HSL	110°, 94.2, 52.5	`hsl(110,94.2%,52.5%)`
HSV (or HSB)	110°, 91.9, 97.3
Web Safe	33ff00	`#33ff00`

CIE-LAB	86.047, -79.991, 80.227
XYZ	35.437, 68.081, 11.935
xyY	0.307, 0.59, 68.081
CIE-LCH	86.047, 113.291, 134.916
CIE-LUV	86.047, -76.166, 103.512
Hunter-Lab	82.511, -67.733, 49.182
Binary	00111010, 11111000, 00010100

#3af814
```
#3af814 rgb(58,248,20)
```
#d214f8
```
#d214f8 rgb(210,20,248)
```

Complementary Color

#acf814
```
#acf814 rgb(172,248,20)
```
#3af814
```
#3af814 rgb(58,248,20)
```
#14f860
```
#14f860 rgb(20,248,96)
```

Analogous Color

#f814ac
```
#f814ac rgb(248,20,172)
```
#3af814
```
#3af814 rgb(58,248,20)
```
#6014f8
```
#6014f8 rgb(96,20,248)
```

Split Complementary Color

#f8143a
```
#f8143a rgb(248,20,58)
```
#3af814
```
#3af814 rgb(58,248,20)
```
#143af8
```
#143af8 rgb(20,58,248)
```

Triadic Color

#f8d214
```
#f8d214 rgb(248,210,20)
```
#3af814
```
#3af814 rgb(58,248,20)
```
#143af8
```
#143af8 rgb(20,58,248)
```
#d214f8
```
#d214f8 rgb(210,20,248)
```

Tetradic Color

#24ba06
```
#24ba06 rgb(36,186,6)
```
#28d306
```
#28d306 rgb(40,211,6)
```
#2deb07
```
#2deb07 rgb(45,235,7)
```
#3af814
```
#3af814 rgb(58,248,20)
```
#4ff92d
```
#4ff92d rgb(79,249,45)
```
#64f946
```
#64f946 rgb(100,249,70)
```
#78fa5e
```
#78fa5e rgb(120,250,94)
```

Monochromatic Color

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

#73f814
```
#73f814 rgb(115,248,20)
```
#60f814
```
#60f814 rgb(96,248,20)
```
#4df814
```
#4df814 rgb(77,248,20)
```
#3af814
```
#3af814 rgb(58,248,20)
```
#27f814
```
#27f814 rgb(39,248,20)
```
#14f814
```
#14f814 rgb(20,248,20)
```
#14f827
```
#14f827 rgb(20,248,39)
```

Similar Colors

Text with hexadecimal color #3af814

This text has a font color of #3af814.

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

#3af814 background color

This paragraph has a background color of #3af814.

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

#3af814 border color

This element has a border color of #3af814.

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

CSS codes

.text {color:#3af814;}

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

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

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

#020d00
```
#020d00 rgb(2,13,0)
```
#062001
```
#062001 rgb(6,32,1)
```
#0a3302
```
#0a3302 rgb(10,51,2)
```
#0d4602
```
#0d4602 rgb(13,70,2)
```
#115903
```
#115903 rgb(17,89,3)
```
#156c03
```
#156c03 rgb(21,108,3)
```
#187f04
```
#187f04 rgb(24,127,4)
```
#1c9204
```
#1c9204 rgb(28,146,4)
```
#20a505
```
#20a505 rgb(32,165,5)
```
#23b805
```
#23b805 rgb(35,184,5)
```
#27cb06
```
#27cb06 rgb(39,203,6)
```
#2bde07
```
#2bde07 rgb(43,222,7)
```
#2ef107
```
#2ef107 rgb(46,241,7)
```

Shade Color Variation

#3af814
```
#3af814 rgb(58,248,20)
```
#4af927
```
#4af927 rgb(74,249,39)
```
#5af93a
```
#5af93a rgb(90,249,58)
```
#6afa4d
```
#6afa4d rgb(106,250,77)
```
#7afa60
```
#7afa60 rgb(122,250,96)
```
#8afb73
```
#8afb73 rgb(138,251,115)
```
#9afb86
```
#9afb86 rgb(154,251,134)
```
#aafc99
```
#aafc99 rgb(170,252,153)
```
#bafdac
```
#bafdac rgb(186,253,172)
```
#cafdbf
```
#cafdbf rgb(202,253,191)
```
#dafed2
```
#dafed2 rgb(218,254,210)
```
#eafee6
```
#eafee6 rgb(234,254,230)
```
#fafff9
```
#fafff9 rgb(250,255,249)
```

Tint Color Variation

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

#848884
```
#848884 rgb(132,136,132)
```
#7e927a
```
#7e927a rgb(126,146,122)
```
#789b71
```
#789b71 rgb(120,155,113)
```
#72a468
```
#72a468 rgb(114,164,104)
```
#6cae5e
```
#6cae5e rgb(108,174,94)
```
#65b755
```
#65b755 rgb(101,183,85)
```
#5fc04c
```
#5fc04c rgb(95,192,76)
```
#59c943
```
#59c943 rgb(89,201,67)
```
#53d339
```
#53d339 rgb(83,211,57)
```
#4ddc30
```
#4ddc30 rgb(77,220,48)
```
#46e527
```
#46e527 rgb(70,229,39)
```
#40ef1d
```
#40ef1d rgb(64,239,29)
```
#3af814
```
#3af814 rgb(58,248,20)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#90b688 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3d911 Protanopia 1% of men
#ffd28d Deuteranopia 1% of men
#84e7f8 Tritanopia 0.001% of the population

Trichromacy

#b0e412 Protanomaly 1% of men, 0.01% of women
#b7e061 Deuteranomaly 6% of men, 0.4% of women
#69eda5 Tritanomaly 0.01% of the population

#3af814 hex color

#3af814 Color Information

#3af814 Color Conversion

Color Schemes with #3af814

Alternatives to #3af814

#3af814 Preview

Shades and Tints of #3af814

Tones of #3af814

Color Blindness Simulator