#3af213 hex color

In a RGB color space, hex #3af213 is composed of 22.7% red, 94.9% green and 7.5% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 0% magenta, 92.1% yellow and 5.1% black. It has a hue angle of 109.5 degrees, a saturation of 89.6% and a lightness of 51.2%. #3af213 color hex could be obtained by blending #74ff26 with #00e500. Closest websafe color is: #33ff00.

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

● #3af213 color description : Vivid lime green.

The hexadecimal color #3af213 has RGB values of R:58, G:242, B:19 and CMYK values of C:0.76, M:0, Y:0.92, K:0.05. Its decimal value is 3863059.

Hex triplet	3af213	`#3af213`
RGB Decimal	58, 242, 19	`rgb(58,242,19)`
RGB Percent	22.7, 94.9, 7.5	`rgb(22.7%,94.9%,7.5%)`
CMYK	76, 0, 92, 5
HSL	109.5°, 89.6, 51.2	`hsl(109.5,89.6%,51.2%)`
HSV (or HSB)	109.5°, 92.1, 94.9
Web Safe	33ff00	`#33ff00`

CIE-LAB	84.198, -78.305, 78.812
XYZ	33.613, 64.447, 11.284
xyY	0.307, 0.589, 64.447
CIE-LCH	84.198, 111.099, 134.815
CIE-LUV	84.198, -74.247, 101.273
Hunter-Lab	80.279, -65.751, 47.861
Binary	00111010, 11110010, 00010011

#3af213
```
#3af213 rgb(58,242,19)
```
#cb13f2
```
#cb13f2 rgb(203,19,242)
```

Complementary Color

#aaf213
```
#aaf213 rgb(170,242,19)
```
#3af213
```
#3af213 rgb(58,242,19)
```
#13f25b
```
#13f25b rgb(19,242,91)
```

Analogous Color

#f213aa
```
#f213aa rgb(242,19,170)
```
#3af213
```
#3af213 rgb(58,242,19)
```
#5b13f2
```
#5b13f2 rgb(91,19,242)
```

Split Complementary Color

#f2133a
```
#f2133a rgb(242,19,58)
```
#3af213
```
#3af213 rgb(58,242,19)
```
#133af2
```
#133af2 rgb(19,58,242)
```

Triadic Color

#f2cb13
```
#f2cb13 rgb(242,203,19)
```
#3af213
```
#3af213 rgb(58,242,19)
```
#133af2
```
#133af2 rgb(19,58,242)
```
#cb13f2
```
#cb13f2 rgb(203,19,242)
```

Tetradic Color

#27af0a
```
#27af0a rgb(39,175,10)
```
#2cc70b
```
#2cc70b rgb(44,199,11)
```
#31df0c
```
#31df0c rgb(49,223,12)
```
#3af213
```
#3af213 rgb(58,242,19)
```
#4ef32b
```
#4ef32b rgb(78,243,43)
```
#62f543
```
#62f543 rgb(98,245,67)
```
#77f65c
```
#77f65c rgb(119,246,92)
```

Monochromatic Color

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

#72f213
```
#72f213 rgb(114,242,19)
```
#5ff213
```
#5ff213 rgb(95,242,19)
```
#4df213
```
#4df213 rgb(77,242,19)
```
#3af213
```
#3af213 rgb(58,242,19)
```
#27f213
```
#27f213 rgb(39,242,19)
```
#15f213
```
#15f213 rgb(21,242,19)
```
#13f224
```
#13f224 rgb(19,242,36)
```

Similar Colors

Text with hexadecimal color #3af213

This text has a font color of #3af213.

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

#3af213 background color

This paragraph has a background color of #3af213.

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

#3af213 border color

This element has a border color of #3af213.

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

CSS codes

.text {color:#3af213;}

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

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

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

#010600
```
#010600 rgb(1,6,0)
```
#051801
```
#051801 rgb(5,24,1)
```
#092b02
```
#092b02 rgb(9,43,2)
```
#0e3d03
```
#0e3d03 rgb(14,61,3)
```
#125004
```
#125004 rgb(18,80,4)
```
#166305
```
#166305 rgb(22,99,5)
```
#1a7506
```
#1a7506 rgb(26,117,6)
```
#1e8807
```
#1e8807 rgb(30,136,7)
```
#229a09
```
#229a09 rgb(34,154,9)
```
#26ad0a
```
#26ad0a rgb(38,173,10)
```
#2ac00b
```
#2ac00b rgb(42,192,11)
```
#2ed20c
```
#2ed20c rgb(46,210,12)
```
#32e50d
```
#32e50d rgb(50,229,13)
```

Shade Color Variation

#3af213
```
#3af213 rgb(58,242,19)
```
#4af326
```
#4af326 rgb(74,243,38)
```
#59f438
```
#59f438 rgb(89,244,56)
```
#69f54b
```
#69f54b rgb(105,245,75)
```
#78f65d
```
#78f65d rgb(120,246,93)
```
#88f770
```
#88f770 rgb(136,247,112)
```
#97f883
```
#97f883 rgb(151,248,131)
```
#a7f995
```
#a7f995 rgb(167,249,149)
```
#b6faa8
```
#b6faa8 rgb(182,250,168)
```
#c6fbba
```
#c6fbba rgb(198,251,186)
```
#d5fccd
```
#d5fccd rgb(213,252,205)
```
#e5fde0
```
#e5fde0 rgb(229,253,224)
```
#f4fef2
```
#f4fef2 rgb(244,254,242)
```

Tint Color Variation

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

#7e897c
```
#7e897c rgb(126,137,124)
```
#789273
```
#789273 rgb(120,146,115)
```
#729c69
```
#729c69 rgb(114,156,105)
```
#6ca560
```
#6ca560 rgb(108,165,96)
```
#66af56
```
#66af56 rgb(102,175,86)
```
#5fb94c
```
#5fb94c rgb(95,185,76)
```
#59c243
```
#59c243 rgb(89,194,67)
```
#53cc39
```
#53cc39 rgb(83,204,57)
```
#4dd530
```
#4dd530 rgb(77,213,48)
```
#46df26
```
#46df26 rgb(70,223,38)
```
#40e81d
```
#40e81d rgb(64,232,29)
```
#3af213
```
#3af213 rgb(58,242,19)
```
#34fc09
```
#34fc09 rgb(52,252,9)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#8db285 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed410 Protanopia 1% of men
#ffcc76 Deuteranopia 1% of men
#81e2f3 Tritanopia 0.001% of the population

Trichromacy

#acdf11 Protanomaly 1% of men, 0.01% of women
#b7da52 Deuteranomaly 6% of men, 0.4% of women
#67e8a1 Tritanomaly 0.01% of the population

#3af213 hex color

#3af213 Color Information

#3af213 Color Conversion

Color Schemes with #3af213

Alternatives to #3af213

#3af213 Preview

Shades and Tints of #3af213

Tones of #3af213

Color Blindness Simulator