#3af77a Color Information
In a RGB color space, hex #3af77a is composed of 22.7% red, 96.9% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 0% magenta, 50.6% yellow and 3.1% black. It has a hue angle of 140.3 degrees, a saturation of 92.2% and a lightness of 59.8%. #3af77a color hex could be obtained by blending #74fff4 with #00ef00. Closest websafe color is: #33ff66.
-
- R 23
- G 97
- B 48
-
- C 77
- M 0
- Y 51
- K 3
● #3af77a color description : Bright cyan - lime green.
#3af77a Color Conversion
The hexadecimal color #3af77a has RGB values of R:58, G:247, B:122 and CMYK values of C:0.77, M:0, Y:0.51, K:0.03. Its decimal value is 3864442.
Hex triplet | 3af77a | #3af77a |
---|---|---|
RGB Decimal | 58, 247, 122 | rgb(58,247,122) |
RGB Percent | 22.7, 96.9, 47.8 | rgb(22.7%,96.9%,47.8%) |
CMYK | 77, 0, 51, 3 | |
HSL | 140.3°, 92.2, 59.8 | hsl(140.3,92.2%,59.8%) |
HSV (or HSB) | 140.3°, 76.5, 96.9 | |
Web Safe | 33ff66 | #33ff66 |
CIE-LAB | 86.416, -71.446, 46.923 |
---|---|
XYZ | 38.516, 68.822, 29.665 |
xyY | 0.281, 0.502, 68.822 |
CIE-LCH | 86.416, 85.477, 146.705 |
CIE-LUV | 86.416, -73.031, 73.808 |
Hunter-Lab | 82.959, -62.305, 36.87 |
Binary | 00111010, 11110111, 01111010 |
Color Schemes with #3af77a
Alternatives to #3af77a
Below, you can see some colors close to #3af77a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3af77a Preview
This text has a font color of #3af77a.
<span style="color:#3af77a;">Text here</span>
This paragraph has a background color of #3af77a.
<p style="background-color:#3af77a;">Content here</p>
This element has a border color of #3af77a.
<div style="border:1px solid #3af77a;">Content here</div>
.text {color:#3af77a;}
.background {background-color:#3af77a;}
.border {border:1px solid #3af77a;}
Shades and Tints of #3af77a
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, #000a04 is the darkest color, while #f6fff9 is the lightest one.
-
#000a04
#000a04
rgb(0,10,4)
-
#011d0b
#011d0b
rgb(1,29,11)
-
#023012
#023012
rgb(2,48,18)
-
#034318
#034318
rgb(3,67,24)
-
#03561f
#03561f
rgb(3,86,31)
-
#046926
#046926
rgb(4,105,38)
-
#057b2d
#057b2d
rgb(5,123,45)
-
#068e34
#068e34
rgb(6,142,52)
-
#07a13b
#07a13b
rgb(7,161,59)
-
#07b442
#07b442
rgb(7,180,66)
-
#08c749
#08c749
rgb(8,199,73)
-
#09da50
#09da50
rgb(9,218,80)
-
#0aed56
#0aed56
rgb(10,237,86)
-
#14f561
#14f561
rgb(20,245,97)
-
#27f66d
#27f66d
rgb(39,246,109)
-
#3af77a
#3af77a
rgb(58,247,122)
-
#4df887
#4df887
rgb(77,248,135)
-
#60f993
#60f993
rgb(96,249,147)
-
#73f9a0
#73f9a0
rgb(115,249,160)
-
#85faad
#85faad
rgb(133,250,173)
-
#98fbba
#98fbba
rgb(152,251,186)
-
#abfcc6
#abfcc6
rgb(171,252,198)
-
#befcd3
#befcd3
rgb(190,252,211)
-
#d1fde0
#d1fde0
rgb(209,253,224)
-
#e4feed
#e4feed
rgb(228,254,237)
-
#f6fff9
#f6fff9
rgb(246,255,249)
Tones of #3af77a
A tone is produced by adding gray to any pure hue. In this case, #91a096 is the less saturated color, while #32ff77 is the most saturated one.
-
#91a096
#91a096
rgb(145,160,150)
-
#89a893
#89a893
rgb(137,168,147)
-
#81b091
#81b091
rgb(129,176,145)
-
#79b88e
#79b88e
rgb(121,184,142)
-
#71c08c
#71c08c
rgb(113,192,140)
-
#69c889
#69c889
rgb(105,200,137)
-
#61d087
#61d087
rgb(97,208,135)
-
#5ad784
#5ad784
rgb(90,215,132)
-
#52df82
#52df82
rgb(82,223,130)
-
#4ae77f
#4ae77f
rgb(74,231,127)
-
#42ef7d
#42ef7d
rgb(66,239,125)
-
#3af77a
#3af77a
rgb(58,247,122)
-
#32ff77
#32ff77
rgb(50,255,119)
Color Blindness Simulator
Below, you can see how #3af77a 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.