#3af222 Color Information
In a RGB color space, hex #3af222 is composed of 22.7% red, 94.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 0% magenta, 86% yellow and 5.1% black. It has a hue angle of 113.1 degrees, a saturation of 88.9% and a lightness of 54.1%. #3af222 color hex could be obtained by blending #74ff44 with #00e500. Closest websafe color is: #33ff33.
-
- R 23
- G 95
- B 13
-
- C 76
- M 0
- Y 86
- K 5
● #3af222 color description : Vivid lime green.
#3af222 Color Conversion
The hexadecimal color #3af222 has RGB values of R:58, G:242, B:34 and CMYK values of C:0.76, M:0, Y:0.86, K:0.05. Its decimal value is 3863074.
Hex triplet | 3af222 | #3af222 |
---|---|---|
RGB Decimal | 58, 242, 34 | rgb(58,242,34) |
RGB Percent | 22.7, 94.9, 13.3 | rgb(22.7%,94.9%,13.3%) |
CMYK | 76, 0, 86, 5 | |
HSL | 113.1°, 88.9, 54.1 | hsl(113.1,88.9%,54.1%) |
HSV (or HSB) | 113.1°, 86, 94.9 | |
Web Safe | 33ff33 | #33ff33 |
CIE-LAB | 84.234, -77.859, 76.435 |
---|---|
XYZ | 33.784, 64.516, 12.186 |
xyY | 0.306, 0.584, 64.516 |
CIE-LCH | 84.234, 109.107, 135.528 |
CIE-LUV | 84.234, -74.091, 99.656 |
Hunter-Lab | 80.322, -65.484, 47.23 |
Binary | 00111010, 11110010, 00100010 |
Color Schemes with #3af222
Alternatives to #3af222
Below, you can see some colors close to #3af222. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3af222 Preview
This text has a font color of #3af222.
<span style="color:#3af222;">Text here</span>
This paragraph has a background color of #3af222.
<p style="background-color:#3af222;">Content here</p>
This element has a border color of #3af222.
<div style="border:1px solid #3af222;">Content here</div>
.text {color:#3af222;}
.background {background-color:#3af222;}
.border {border:1px solid #3af222;}
Shades and Tints of #3af222
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, #000100 is the darkest color, while #f0feee is the lightest one.
-
#000100
#000100
rgb(0,1,0)
-
#031401
#031401
rgb(3,20,1)
-
#062602
#062602
rgb(6,38,2)
-
#0a3903
#0a3903
rgb(10,57,3)
-
#0d4b04
#0d4b04
rgb(13,75,4)
-
#105e06
#105e06
rgb(16,94,6)
-
#137007
#137007
rgb(19,112,7)
-
#168308
#168308
rgb(22,131,8)
-
#199609
#199609
rgb(25,150,9)
-
#1ca80a
#1ca80a
rgb(28,168,10)
-
#1fbb0b
#1fbb0b
rgb(31,187,11)
-
#22cd0c
#22cd0c
rgb(34,205,12)
-
#25e00d
#25e00d
rgb(37,224,13)
-
#29f10f
#29f10f
rgb(41,241,15)
-
#3af222
#3af222
rgb(58,242,34)
-
#4bf335
#4bf335
rgb(75,243,53)
-
#5bf447
#5bf447
rgb(91,244,71)
-
#6cf55a
#6cf55a
rgb(108,245,90)
-
#7cf66c
#7cf66c
rgb(124,246,108)
-
#8df77f
#8df77f
rgb(141,247,127)
-
#9df991
#9df991
rgb(157,249,145)
-
#aefaa4
#aefaa4
rgb(174,250,164)
-
#befbb6
#befbb6
rgb(190,251,182)
-
#cffcc9
#cffcc9
rgb(207,252,201)
-
#dffddb
#dffddb
rgb(223,253,219)
-
#f0feee
#f0feee
rgb(240,254,238)
Tones of #3af222
A tone is produced by adding gray to any pure hue. In this case, #868f85 is the less saturated color, while #33fb19 is the most saturated one.
-
#868f85
#868f85
rgb(134,143,133)
-
#7f987c
#7f987c
rgb(127,152,124)
-
#78a173
#78a173
rgb(120,161,115)
-
#71aa6a
#71aa6a
rgb(113,170,106)
-
#6ab361
#6ab361
rgb(106,179,97)
-
#64bc58
#64bc58
rgb(100,188,88)
-
#5dc54f
#5dc54f
rgb(93,197,79)
-
#56ce46
#56ce46
rgb(86,206,70)
-
#4fd73d
#4fd73d
rgb(79,215,61)
-
#48e034
#48e034
rgb(72,224,52)
-
#41e92b
#41e92b
rgb(65,233,43)
-
#3af222
#3af222
rgb(58,242,34)
-
#33fb19
#33fb19
rgb(51,251,25)
Color Blindness Simulator
Below, you can see how #3af222 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.