#3afde0 Color Information
In a RGB color space, hex #3afde0 is composed of 22.7% red, 99.2% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 0% magenta, 11.5% yellow and 0.8% black. It has a hue angle of 171.1 degrees, a saturation of 98% and a lightness of 61%. #3afde0 color hex could be obtained by blending #74ffff with #00fbc1. Closest websafe color is: #33ffcc.
-
- R 23
- G 99
- B 88
-
- C 77
- M 0
- Y 11
- K 1
● #3afde0 color description : Bright cyan.
#3afde0 Color Conversion
The hexadecimal color #3afde0 has RGB values of R:58, G:253, B:224 and CMYK values of C:0.77, M:0, Y:0.11, K:0.01. Its decimal value is 3866080.
Hex triplet | 3afde0 | #3afde0 |
---|---|---|
RGB Decimal | 58, 253, 224 | rgb(58,253,224) |
RGB Percent | 22.7, 99.2, 87.8 | rgb(22.7%,99.2%,87.8%) |
CMYK | 77, 0, 11, 1 | |
HSL | 171.1°, 98, 61 | hsl(171.1,98%,61%) |
HSV (or HSB) | 171.1°, 77.1, 99.2 | |
Web Safe | 33ffcc | #33ffcc |
CIE-LAB | 90.103, -52.856, 0.505 |
---|---|
XYZ | 50.32, 76.527, 82.636 |
xyY | 0.24, 0.365, 76.527 |
CIE-LCH | 90.103, 52.858, 179.452 |
CIE-LUV | 90.103, -68.705, 9.287 |
Hunter-Lab | 87.48, -50.413, 5.229 |
Binary | 00111010, 11111101, 11100000 |
Color Schemes with #3afde0
Alternatives to #3afde0
Below, you can see some colors close to #3afde0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3afde0 Preview
This text has a font color of #3afde0.
<span style="color:#3afde0;">Text here</span>
This paragraph has a background color of #3afde0.
<p style="background-color:#3afde0;">Content here</p>
This element has a border color of #3afde0.
<div style="border:1px solid #3afde0;">Content here</div>
.text {color:#3afde0;}
.background {background-color:#3afde0;}
.border {border:1px solid #3afde0;}
Shades and Tints of #3afde0
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, #00110e is the darkest color, while #fcffff is the lightest one.
-
#00110e
#00110e
rgb(0,17,14)
-
#00241f
#00241f
rgb(0,36,31)
-
#01372f
#01372f
rgb(1,55,47)
-
#014b40
#014b40
rgb(1,75,64)
-
#015e50
#015e50
rgb(1,94,80)
-
#017261
#017261
rgb(1,114,97)
-
#018572
#018572
rgb(1,133,114)
-
#029982
#029982
rgb(2,153,130)
-
#02ac93
#02ac93
rgb(2,172,147)
-
#02bfa3
#02bfa3
rgb(2,191,163)
-
#02d3b4
#02d3b4
rgb(2,211,180)
-
#02e6c4
#02e6c4
rgb(2,230,196)
-
#03fad5
#03fad5
rgb(3,250,213)
-
#13fdda
#13fdda
rgb(19,253,218)
-
#27fddd
#27fddd
rgb(39,253,221)
-
#3afde0
#3afde0
rgb(58,253,224)
-
#4dfde3
#4dfde3
rgb(77,253,227)
-
#61fde6
#61fde6
rgb(97,253,230)
-
#74fee9
#74fee9
rgb(116,254,233)
-
#88feec
#88feec
rgb(136,254,236)
-
#9bfeef
#9bfeef
rgb(155,254,239)
-
#affef2
#affef2
rgb(175,254,242)
-
#c2fef5
#c2fef5
rgb(194,254,245)
-
#d5fff8
#d5fff8
rgb(213,255,248)
-
#e9fffc
#e9fffc
rgb(233,255,252)
-
#fcffff
#fcffff
rgb(252,255,255)
Tones of #3afde0
A tone is produced by adding gray to any pure hue. In this case, #96a19f is the less saturated color, while #3afde0 is the most saturated one.
-
#96a19f
#96a19f
rgb(150,161,159)
-
#8ea9a5
#8ea9a5
rgb(142,169,165)
-
#87b0aa
#87b0aa
rgb(135,176,170)
-
#7fb8b0
#7fb8b0
rgb(127,184,176)
-
#77c0b5
#77c0b5
rgb(119,192,181)
-
#70c7ba
#70c7ba
rgb(112,199,186)
-
#68cfc0
#68cfc0
rgb(104,207,192)
-
#60d7c5
#60d7c5
rgb(96,215,197)
-
#59deca
#59deca
rgb(89,222,202)
-
#51e6d0
#51e6d0
rgb(81,230,208)
-
#49eed5
#49eed5
rgb(73,238,213)
-
#42f5db
#42f5db
rgb(66,245,219)
-
#3afde0
#3afde0
rgb(58,253,224)
Color Blindness Simulator
Below, you can see how #3afde0 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.