#3afda2 Color Information
In a RGB color space, hex #3afda2 is composed of 22.7% red, 99.2% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 0% magenta, 36% yellow and 0.8% black. It has a hue angle of 152 degrees, a saturation of 98% and a lightness of 61%. #3afda2 color hex could be obtained by blending #74ffff with #00fb45. Closest websafe color is: #33ff99.
-
- R 23
- G 99
- B 64
-
- C 77
- M 0
- Y 36
- K 1
● #3afda2 color description : Bright cyan - lime green.
#3afda2 Color Conversion
The hexadecimal color #3afda2 has RGB values of R:58, G:253, B:162 and CMYK values of C:0.77, M:0, Y:0.36, K:0.01. Its decimal value is 3866018.
Hex triplet | 3afda2 | #3afda2 |
---|---|---|
RGB Decimal | 58, 253, 162 | rgb(58,253,162) |
RGB Percent | 22.7, 99.2, 63.5 | rgb(22.7%,99.2%,63.5%) |
CMYK | 77, 0, 36, 1 | |
HSL | 152°, 98, 61 | hsl(152,98%,61%) |
HSV (or HSB) | 152°, 77.1, 99.2 | |
Web Safe | 33ff99 | #33ff99 |
CIE-LAB | 88.806, -66.762, 30.489 |
---|---|
XYZ | 43.389, 73.754, 46.13 |
xyY | 0.266, 0.452, 73.754 |
CIE-LCH | 88.806, 73.394, 155.455 |
CIE-LUV | 88.806, -72.851, 54.25 |
Hunter-Lab | 85.88, -60.109, 28.269 |
Binary | 00111010, 11111101, 10100010 |
Color Schemes with #3afda2
Alternatives to #3afda2
Below, you can see some colors close to #3afda2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3afda2 Preview
This text has a font color of #3afda2.
<span style="color:#3afda2;">Text here</span>
This paragraph has a background color of #3afda2.
<p style="background-color:#3afda2;">Content here</p>
This element has a border color of #3afda2.
<div style="border:1px solid #3afda2;">Content here</div>
.text {color:#3afda2;}
.background {background-color:#3afda2;}
.border {border:1px solid #3afda2;}
Shades and Tints of #3afda2
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, #001109 is the darkest color, while #fcfffe is the lightest one.
-
#001109
#001109
rgb(0,17,9)
-
#002413
#002413
rgb(0,36,19)
-
#01371e
#01371e
rgb(1,55,30)
-
#014b28
#014b28
rgb(1,75,40)
-
#015e33
#015e33
rgb(1,94,51)
-
#01723d
#01723d
rgb(1,114,61)
-
#018548
#018548
rgb(1,133,72)
-
#029952
#029952
rgb(2,153,82)
-
#02ac5d
#02ac5d
rgb(2,172,93)
-
#02bf67
#02bf67
rgb(2,191,103)
-
#02d371
#02d371
rgb(2,211,113)
-
#02e67c
#02e67c
rgb(2,230,124)
-
#03fa86
#03fa86
rgb(3,250,134)
-
#13fd90
#13fd90
rgb(19,253,144)
-
#27fd99
#27fd99
rgb(39,253,153)
-
#3afda2
#3afda2
rgb(58,253,162)
-
#4dfdab
#4dfdab
rgb(77,253,171)
-
#61fdb4
#61fdb4
rgb(97,253,180)
-
#74febe
#74febe
rgb(116,254,190)
-
#88fec7
#88fec7
rgb(136,254,199)
-
#9bfed0
#9bfed0
rgb(155,254,208)
-
#affed9
#affed9
rgb(175,254,217)
-
#c2fee2
#c2fee2
rgb(194,254,226)
-
#d5ffeb
#d5ffeb
rgb(213,255,235)
-
#e9fff5
#e9fff5
rgb(233,255,245)
-
#fcfffe
#fcfffe
rgb(252,255,254)
Tones of #3afda2
A tone is produced by adding gray to any pure hue. In this case, #96a19c is the less saturated color, while #3afda2 is the most saturated one.
-
#96a19c
#96a19c
rgb(150,161,156)
-
#8ea99c
#8ea99c
rgb(142,169,156)
-
#87b09d
#87b09d
rgb(135,176,157)
-
#7fb89d
#7fb89d
rgb(127,184,157)
-
#77c09e
#77c09e
rgb(119,192,158)
-
#70c79e
#70c79e
rgb(112,199,158)
-
#68cf9f
#68cf9f
rgb(104,207,159)
-
#60d79f
#60d79f
rgb(96,215,159)
-
#59dea0
#59dea0
rgb(89,222,160)
-
#51e6a0
#51e6a0
rgb(81,230,160)
-
#49eea1
#49eea1
rgb(73,238,161)
-
#42f5a1
#42f5a1
rgb(66,245,161)
-
#3afda2
#3afda2
rgb(58,253,162)
Color Blindness Simulator
Below, you can see how #3afda2 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.