#3afac6 Color Information
In a RGB color space, hex #3afac6 is composed of 22.7% red, 98% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 0% magenta, 20.8% yellow and 2% black. It has a hue angle of 163.8 degrees, a saturation of 95% and a lightness of 60.4%. #3afac6 color hex could be obtained by blending #74ffff with #00f58d. Closest websafe color is: #33ffcc.
-
- R 23
- G 98
- B 78
-
- C 77
- M 0
- Y 21
- K 2
● #3afac6 color description : Bright cyan - lime green.
#3afac6 Color Conversion
The hexadecimal color #3afac6 has RGB values of R:58, G:250, B:198 and CMYK values of C:0.77, M:0, Y:0.21, K:0.02. Its decimal value is 3865286.
Hex triplet | 3afac6 | #3afac6 |
---|---|---|
RGB Decimal | 58, 250, 198 | rgb(58,250,198) |
RGB Percent | 22.7, 98, 77.6 | rgb(22.7%,98%,77.6%) |
CMYK | 77, 0, 21, 2 | |
HSL | 163.8°, 95, 60.4 | hsl(163.8,95%,60.4%) |
HSV (or HSB) | 163.8°, 76.8, 98 | |
Web Safe | 33ffcc | #33ffcc |
CIE-LAB | 88.611, -58.007, 11.833 |
---|---|
XYZ | 46.12, 73.343, 65.149 |
xyY | 0.25, 0.397, 73.343 |
CIE-LCH | 88.611, 59.202, 168.47 |
CIE-LUV | 88.611, -69.515, 27.23 |
Hunter-Lab | 85.641, -53.745, 14.845 |
Binary | 00111010, 11111010, 11000110 |
Color Schemes with #3afac6
Alternatives to #3afac6
Below, you can see some colors close to #3afac6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3afac6 Preview
This text has a font color of #3afac6.
<span style="color:#3afac6;">Text here</span>
This paragraph has a background color of #3afac6.
<p style="background-color:#3afac6;">Content here</p>
This element has a border color of #3afac6.
<div style="border:1px solid #3afac6;">Content here</div>
.text {color:#3afac6;}
.background {background-color:#3afac6;}
.border {border:1px solid #3afac6;}
Shades and Tints of #3afac6
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, #000d0a is the darkest color, while #f9fffd is the lightest one.
-
#000d0a
#000d0a
rgb(0,13,10)
-
#012118
#012118
rgb(1,33,24)
-
#013426
#013426
rgb(1,52,38)
-
#024734
#024734
rgb(2,71,52)
-
#025a42
#025a42
rgb(2,90,66)
-
#036d50
#036d50
rgb(3,109,80)
-
#03805e
#03805e
rgb(3,128,94)
-
#04936c
#04936c
rgb(4,147,108)
-
#04a67b
#04a67b
rgb(4,166,123)
-
#05ba89
#05ba89
rgb(5,186,137)
-
#05cd97
#05cd97
rgb(5,205,151)
-
#06e0a5
#06e0a5
rgb(6,224,165)
-
#06f3b3
#06f3b3
rgb(6,243,179)
-
#14f9bb
#14f9bb
rgb(20,249,187)
-
#27fac0
#27fac0
rgb(39,250,192)
-
#3afac6
#3afac6
rgb(58,250,198)
-
#4dfacc
#4dfacc
rgb(77,250,204)
-
#60fbd1
#60fbd1
rgb(96,251,209)
-
#73fbd7
#73fbd7
rgb(115,251,215)
-
#87fcdc
#87fcdc
rgb(135,252,220)
-
#9afce2
#9afce2
rgb(154,252,226)
-
#adfde7
#adfde7
rgb(173,253,231)
-
#c0fded
#c0fded
rgb(192,253,237)
-
#d3fef2
#d3fef2
rgb(211,254,242)
-
#e6fef8
#e6fef8
rgb(230,254,248)
-
#f9fffd
#f9fffd
rgb(249,255,253)
Tones of #3afac6
A tone is produced by adding gray to any pure hue. In this case, #979d9b is the less saturated color, while #3afac6 is the most saturated one.
-
#979d9b
#979d9b
rgb(151,157,155)
-
#8fa59f
#8fa59f
rgb(143,165,159)
-
#88aca2
#88aca2
rgb(136,172,162)
-
#80b4a6
#80b4a6
rgb(128,180,166)
-
#78bcaa
#78bcaa
rgb(120,188,170)
-
#70c4ad
#70c4ad
rgb(112,196,173)
-
#69cbb1
#69cbb1
rgb(105,203,177)
-
#61d3b4
#61d3b4
rgb(97,211,180)
-
#59dbb8
#59dbb8
rgb(89,219,184)
-
#51e3bb
#51e3bb
rgb(81,227,187)
-
#4aeabf
#4aeabf
rgb(74,234,191)
-
#42f2c2
#42f2c2
rgb(66,242,194)
-
#3afac6
#3afac6
rgb(58,250,198)
Color Blindness Simulator
Below, you can see how #3afac6 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.