#3afac0 Color Information
In a RGB color space, hex #3afac0 is composed of 22.7% red, 98% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 0% magenta, 23.2% yellow and 2% black. It has a hue angle of 161.9 degrees, a saturation of 95% and a lightness of 60.4%. #3afac0 color hex could be obtained by blending #74ffff with #00f581. Closest websafe color is: #33ffcc.
-
- R 23
- G 98
- B 75
-
- C 77
- M 0
- Y 23
- K 2
● #3afac0 color description : Bright cyan - lime green.
#3afac0 Color Conversion
The hexadecimal color #3afac0 has RGB values of R:58, G:250, B:192 and CMYK values of C:0.77, M:0, Y:0.23, K:0.02. Its decimal value is 3865280.
Hex triplet | 3afac0 | #3afac0 |
---|---|---|
RGB Decimal | 58, 250, 192 | rgb(58,250,192) |
RGB Percent | 22.7, 98, 75.3 | rgb(22.7%,98%,75.3%) |
CMYK | 77, 0, 23, 2 | |
HSL | 161.9°, 95, 60.4 | hsl(161.9,95%,60.4%) |
HSV (or HSB) | 161.9°, 76.8, 98 | |
Web Safe | 33ffcc | #33ffcc |
CIE-LAB | 88.482, -59.386, 14.75 |
---|---|
XYZ | 45.441, 73.072, 61.576 |
xyY | 0.252, 0.406, 73.072 |
CIE-LCH | 88.482, 61.191, 166.052 |
CIE-LUV | 88.482, -69.922, 31.672 |
Hunter-Lab | 85.482, -54.706, 17.129 |
Binary | 00111010, 11111010, 11000000 |
Color Schemes with #3afac0
Alternatives to #3afac0
Below, you can see some colors close to #3afac0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3afac0 Preview
This text has a font color of #3afac0.
<span style="color:#3afac0;">Text here</span>
This paragraph has a background color of #3afac0.
<p style="background-color:#3afac0;">Content here</p>
This element has a border color of #3afac0.
<div style="border:1px solid #3afac0;">Content here</div>
.text {color:#3afac0;}
.background {background-color:#3afac0;}
.border {border:1px solid #3afac0;}
Shades and Tints of #3afac0
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, #000d09 is the darkest color, while #f9fffd is the lightest one.
-
#000d09
#000d09
rgb(0,13,9)
-
#012117
#012117
rgb(1,33,23)
-
#013424
#013424
rgb(1,52,36)
-
#024732
#024732
rgb(2,71,50)
-
#025a3f
#025a3f
rgb(2,90,63)
-
#036d4d
#036d4d
rgb(3,109,77)
-
#03805a
#03805a
rgb(3,128,90)
-
#049368
#049368
rgb(4,147,104)
-
#04a675
#04a675
rgb(4,166,117)
-
#05ba83
#05ba83
rgb(5,186,131)
-
#05cd90
#05cd90
rgb(5,205,144)
-
#06e09e
#06e09e
rgb(6,224,158)
-
#06f3ab
#06f3ab
rgb(6,243,171)
-
#14f9b4
#14f9b4
rgb(20,249,180)
-
#27faba
#27faba
rgb(39,250,186)
-
#3afac0
#3afac0
rgb(58,250,192)
-
#4dfac6
#4dfac6
rgb(77,250,198)
-
#60fbcc
#60fbcc
rgb(96,251,204)
-
#73fbd2
#73fbd2
rgb(115,251,210)
-
#87fcd8
#87fcd8
rgb(135,252,216)
-
#9afcdf
#9afcdf
rgb(154,252,223)
-
#adfde5
#adfde5
rgb(173,253,229)
-
#c0fdeb
#c0fdeb
rgb(192,253,235)
-
#d3fef1
#d3fef1
rgb(211,254,241)
-
#e6fef7
#e6fef7
rgb(230,254,247)
-
#f9fffd
#f9fffd
rgb(249,255,253)
Tones of #3afac0
A tone is produced by adding gray to any pure hue. In this case, #979d9b is the less saturated color, while #3afac0 is the most saturated one.
-
#979d9b
#979d9b
rgb(151,157,155)
-
#8fa59e
#8fa59e
rgb(143,165,158)
-
#88aca1
#88aca1
rgb(136,172,161)
-
#80b4a4
#80b4a4
rgb(128,180,164)
-
#78bca7
#78bca7
rgb(120,188,167)
-
#70c4aa
#70c4aa
rgb(112,196,170)
-
#69cbae
#69cbae
rgb(105,203,174)
-
#61d3b1
#61d3b1
rgb(97,211,177)
-
#59dbb4
#59dbb4
rgb(89,219,180)
-
#51e3b7
#51e3b7
rgb(81,227,183)
-
#4aeaba
#4aeaba
rgb(74,234,186)
-
#42f2bd
#42f2bd
rgb(66,242,189)
-
#3afac0
#3afac0
rgb(58,250,192)
Color Blindness Simulator
Below, you can see how #3afac0 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.