#3afab2 Color Information
In a RGB color space, hex #3afab2 is composed of 22.7% red, 98% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 0% magenta, 28.8% yellow and 2% black. It has a hue angle of 157.5 degrees, a saturation of 95% and a lightness of 60.4%. #3afab2 color hex could be obtained by blending #74ffff with #00f565. Closest websafe color is: #33ff99.
-
- R 23
- G 98
- B 70
-
- C 77
- M 0
- Y 29
- K 2
● #3afab2 color description : Bright cyan - lime green.
#3afab2 Color Conversion
The hexadecimal color #3afab2 has RGB values of R:58, G:250, B:178 and CMYK values of C:0.77, M:0, Y:0.29, K:0.02. Its decimal value is 3865266.
Hex triplet | 3afab2 | #3afab2 |
---|---|---|
RGB Decimal | 58, 250, 178 | rgb(58,250,178) |
RGB Percent | 22.7, 98, 69.8 | rgb(22.7%,98%,69.8%) |
CMYK | 77, 0, 29, 2 | |
HSL | 157.5°, 95, 60.4 | hsl(157.5,95%,60.4%) |
HSV (or HSB) | 157.5°, 76.8, 98 | |
Web Safe | 33ff99 | #33ff99 |
CIE-LAB | 88.199, -62.455, 21.55 |
---|---|
XYZ | 43.963, 72.481, 53.79 |
xyY | 0.258, 0.426, 72.481 |
CIE-LCH | 88.199, 66.068, 160.963 |
CIE-LUV | 88.199, -70.847, 41.676 |
Hunter-Lab | 85.136, -56.812, 22.134 |
Binary | 00111010, 11111010, 10110010 |
Color Schemes with #3afab2
Alternatives to #3afab2
Below, you can see some colors close to #3afab2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3afab2 Preview
This text has a font color of #3afab2.
<span style="color:#3afab2;">Text here</span>
This paragraph has a background color of #3afab2.
<p style="background-color:#3afab2;">Content here</p>
This element has a border color of #3afab2.
<div style="border:1px solid #3afab2;">Content here</div>
.text {color:#3afab2;}
.background {background-color:#3afab2;}
.border {border:1px solid #3afab2;}
Shades and Tints of #3afab2
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)
-
#012115
#012115
rgb(1,33,21)
-
#013421
#013421
rgb(1,52,33)
-
#02472d
#02472d
rgb(2,71,45)
-
#025a39
#025a39
rgb(2,90,57)
-
#036d45
#036d45
rgb(3,109,69)
-
#038051
#038051
rgb(3,128,81)
-
#04935d
#04935d
rgb(4,147,93)
-
#04a66a
#04a66a
rgb(4,166,106)
-
#05ba76
#05ba76
rgb(5,186,118)
-
#05cd82
#05cd82
rgb(5,205,130)
-
#06e08e
#06e08e
rgb(6,224,142)
-
#06f39a
#06f39a
rgb(6,243,154)
-
#14f9a3
#14f9a3
rgb(20,249,163)
-
#27faab
#27faab
rgb(39,250,171)
-
#3afab2
#3afab2
rgb(58,250,178)
-
#4dfab9
#4dfab9
rgb(77,250,185)
-
#60fbc1
#60fbc1
rgb(96,251,193)
-
#73fbc8
#73fbc8
rgb(115,251,200)
-
#87fcd0
#87fcd0
rgb(135,252,208)
-
#9afcd7
#9afcd7
rgb(154,252,215)
-
#adfddf
#adfddf
rgb(173,253,223)
-
#c0fde6
#c0fde6
rgb(192,253,230)
-
#d3feee
#d3feee
rgb(211,254,238)
-
#e6fef5
#e6fef5
rgb(230,254,245)
-
#f9fffd
#f9fffd
rgb(249,255,253)
Tones of #3afab2
A tone is produced by adding gray to any pure hue. In this case, #979d9b is the less saturated color, while #3afab2 is the most saturated one.
-
#979d9b
#979d9b
rgb(151,157,155)
-
#8fa59d
#8fa59d
rgb(143,165,157)
-
#88ac9f
#88ac9f
rgb(136,172,159)
-
#80b4a1
#80b4a1
rgb(128,180,161)
-
#78bca2
#78bca2
rgb(120,188,162)
-
#70c4a4
#70c4a4
rgb(112,196,164)
-
#69cba6
#69cba6
rgb(105,203,166)
-
#61d3a8
#61d3a8
rgb(97,211,168)
-
#59dbaa
#59dbaa
rgb(89,219,170)
-
#51e3ac
#51e3ac
rgb(81,227,172)
-
#4aeaae
#4aeaae
rgb(74,234,174)
-
#42f2b0
#42f2b0
rgb(66,242,176)
-
#3afab2
#3afab2
rgb(58,250,178)
Color Blindness Simulator
Below, you can see how #3afab2 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.