#3afde4 Color Information
In a RGB color space, hex #3afde4 is composed of 22.7% red, 99.2% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 0% magenta, 9.9% yellow and 0.8% black. It has a hue angle of 172.3 degrees, a saturation of 98% and a lightness of 61%. #3afde4 color hex could be obtained by blending #74ffff with #00fbc9. Closest websafe color is: #33ffcc.
-
- R 23
- G 99
- B 89
-
- C 77
- M 0
- Y 10
- K 1
● #3afde4 color description : Bright cyan.
#3afde4 Color Conversion
The hexadecimal color #3afde4 has RGB values of R:58, G:253, B:228 and CMYK values of C:0.77, M:0, Y:0.1, K:0.01. Its decimal value is 3866084.
Hex triplet | 3afde4 | #3afde4 |
---|---|---|
RGB Decimal | 58, 253, 228 | rgb(58,253,228) |
RGB Percent | 22.7, 99.2, 89.4 | rgb(22.7%,99.2%,89.4%) |
CMYK | 77, 0, 10, 1 | |
HSL | 172.3°, 98, 61 | hsl(172.3,98%,61%) |
HSV (or HSB) | 172.3°, 77.1, 99.2 | |
Web Safe | 33ffcc | #33ffcc |
CIE-LAB | 90.205, -51.827, -1.423 |
---|---|
XYZ | 50.869, 76.747, 85.527 |
xyY | 0.239, 0.36, 76.747 |
CIE-LCH | 90.205, 51.847, 181.573 |
CIE-LUV | 90.205, -68.417, 6.095 |
Hunter-Lab | 87.605, -49.661, 3.44 |
Binary | 00111010, 11111101, 11100100 |
Color Schemes with #3afde4
Alternatives to #3afde4
Below, you can see some colors close to #3afde4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3afde4 Preview
This text has a font color of #3afde4.
<span style="color:#3afde4;">Text here</span>
This paragraph has a background color of #3afde4.
<p style="background-color:#3afde4;">Content here</p>
This element has a border color of #3afde4.
<div style="border:1px solid #3afde4;">Content here</div>
.text {color:#3afde4;}
.background {background-color:#3afde4;}
.border {border:1px solid #3afde4;}
Shades and Tints of #3afde4
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)
-
#013730
#013730
rgb(1,55,48)
-
#014b41
#014b41
rgb(1,75,65)
-
#015e52
#015e52
rgb(1,94,82)
-
#017263
#017263
rgb(1,114,99)
-
#018574
#018574
rgb(1,133,116)
-
#029985
#029985
rgb(2,153,133)
-
#02ac96
#02ac96
rgb(2,172,150)
-
#02bfa7
#02bfa7
rgb(2,191,167)
-
#02d3b8
#02d3b8
rgb(2,211,184)
-
#02e6c9
#02e6c9
rgb(2,230,201)
-
#03fada
#03fada
rgb(3,250,218)
-
#13fddf
#13fddf
rgb(19,253,223)
-
#27fde1
#27fde1
rgb(39,253,225)
-
#3afde4
#3afde4
rgb(58,253,228)
-
#4dfde7
#4dfde7
rgb(77,253,231)
-
#61fde9
#61fde9
rgb(97,253,233)
-
#74feec
#74feec
rgb(116,254,236)
-
#88feef
#88feef
rgb(136,254,239)
-
#9bfef1
#9bfef1
rgb(155,254,241)
-
#affef4
#affef4
rgb(175,254,244)
-
#c2fef7
#c2fef7
rgb(194,254,247)
-
#d5fff9
#d5fff9
rgb(213,255,249)
-
#e9fffc
#e9fffc
rgb(233,255,252)
-
#fcffff
#fcffff
rgb(252,255,255)
Tones of #3afde4
A tone is produced by adding gray to any pure hue. In this case, #96a1a0 is the less saturated color, while #3afde4 is the most saturated one.
-
#96a1a0
#96a1a0
rgb(150,161,160)
-
#8ea9a5
#8ea9a5
rgb(142,169,165)
-
#87b0ab
#87b0ab
rgb(135,176,171)
-
#7fb8b1
#7fb8b1
rgb(127,184,177)
-
#77c0b6
#77c0b6
rgb(119,192,182)
-
#70c7bc
#70c7bc
rgb(112,199,188)
-
#68cfc2
#68cfc2
rgb(104,207,194)
-
#60d7c8
#60d7c8
rgb(96,215,200)
-
#59decd
#59decd
rgb(89,222,205)
-
#51e6d3
#51e6d3
rgb(81,230,211)
-
#49eed9
#49eed9
rgb(73,238,217)
-
#42f5de
#42f5de
rgb(66,245,222)
-
#3afde4
#3afde4
rgb(58,253,228)
Color Blindness Simulator
Below, you can see how #3afde4 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.