#3af776 Color Information
In a RGB color space, hex #3af776 is composed of 22.7% red, 96.9% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 0% magenta, 52.2% yellow and 3.1% black. It has a hue angle of 139 degrees, a saturation of 92.2% and a lightness of 59.8%. #3af776 color hex could be obtained by blending #74ffec with #00ef00. Closest websafe color is: #33ff66.
-
- R 23
- G 97
- B 46
-
- C 77
- M 0
- Y 52
- K 3
● #3af776 color description : Bright cyan - lime green.
#3af776 Color Conversion
The hexadecimal color #3af776 has RGB values of R:58, G:247, B:118 and CMYK values of C:0.77, M:0, Y:0.52, K:0.03. Its decimal value is 3864438.
Hex triplet | 3af776 | #3af776 |
---|---|---|
RGB Decimal | 58, 247, 118 | rgb(58,247,118) |
RGB Percent | 22.7, 96.9, 46.3 | rgb(22.7%,96.9%,46.3%) |
CMYK | 77, 0, 52, 3 | |
HSL | 139°, 92.2, 59.8 | hsl(139,92.2%,59.8%) |
HSV (or HSB) | 139°, 76.5, 96.9 | |
Web Safe | 33ff66 | #33ff66 |
CIE-LAB | 86.368, -72.017, 48.73 |
---|---|
XYZ | 38.273, 68.725, 28.387 |
xyY | 0.283, 0.508, 68.725 |
CIE-LCH | 86.368, 86.955, 145.916 |
CIE-LUV | 86.368, -73.22, 75.792 |
Hunter-Lab | 82.901, -62.667, 37.728 |
Binary | 00111010, 11110111, 01110110 |
Color Schemes with #3af776
Alternatives to #3af776
Below, you can see some colors close to #3af776. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3af776 Preview
This text has a font color of #3af776.
<span style="color:#3af776;">Text here</span>
This paragraph has a background color of #3af776.
<p style="background-color:#3af776;">Content here</p>
This element has a border color of #3af776.
<div style="border:1px solid #3af776;">Content here</div>
.text {color:#3af776;}
.background {background-color:#3af776;}
.border {border:1px solid #3af776;}
Shades and Tints of #3af776
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)
-
#011d0a
#011d0a
rgb(1,29,10)
-
#023011
#023011
rgb(2,48,17)
-
#034317
#034317
rgb(3,67,23)
-
#03561e
#03561e
rgb(3,86,30)
-
#046924
#046924
rgb(4,105,36)
-
#057b2b
#057b2b
rgb(5,123,43)
-
#068e31
#068e31
rgb(6,142,49)
-
#07a138
#07a138
rgb(7,161,56)
-
#07b43e
#07b43e
rgb(7,180,62)
-
#08c745
#08c745
rgb(8,199,69)
-
#09da4b
#09da4b
rgb(9,218,75)
-
#0aed52
#0aed52
rgb(10,237,82)
-
#14f55c
#14f55c
rgb(20,245,92)
-
#27f669
#27f669
rgb(39,246,105)
-
#3af776
#3af776
rgb(58,247,118)
-
#4df883
#4df883
rgb(77,248,131)
-
#60f990
#60f990
rgb(96,249,144)
-
#73f99d
#73f99d
rgb(115,249,157)
-
#85faaa
#85faaa
rgb(133,250,170)
-
#98fbb8
#98fbb8
rgb(152,251,184)
-
#abfcc5
#abfcc5
rgb(171,252,197)
-
#befcd2
#befcd2
rgb(190,252,210)
-
#d1fddf
#d1fddf
rgb(209,253,223)
-
#e4feec
#e4feec
rgb(228,254,236)
-
#f6fff9
#f6fff9
rgb(246,255,249)
Tones of #3af776
A tone is produced by adding gray to any pure hue. In this case, #91a096 is the less saturated color, while #32ff73 is the most saturated one.
-
#91a096
#91a096
rgb(145,160,150)
-
#89a893
#89a893
rgb(137,168,147)
-
#81b090
#81b090
rgb(129,176,144)
-
#79b88d
#79b88d
rgb(121,184,141)
-
#71c08a
#71c08a
rgb(113,192,138)
-
#69c887
#69c887
rgb(105,200,135)
-
#61d084
#61d084
rgb(97,208,132)
-
#5ad782
#5ad782
rgb(90,215,130)
-
#52df7f
#52df7f
rgb(82,223,127)
-
#4ae77c
#4ae77c
rgb(74,231,124)
-
#42ef79
#42ef79
rgb(66,239,121)
-
#3af776
#3af776
rgb(58,247,118)
-
#32ff73
#32ff73
rgb(50,255,115)
Color Blindness Simulator
Below, you can see how #3af776 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.