#3af7ec Color Information
In a RGB color space, hex #3af7ec is composed of 22.7% red, 96.9% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 0% magenta, 4.5% yellow and 3.1% black. It has a hue angle of 176.5 degrees, a saturation of 92.2% and a lightness of 59.8%. #3af7ec color hex could be obtained by blending #74ffff with #00efd9. Closest websafe color is: #33ffff.
-
- R 23
- G 97
- B 93
-
- C 77
- M 0
- Y 4
- K 3
● #3af7ec color description : Bright cyan.
#3af7ec Color Conversion
The hexadecimal color #3af7ec has RGB values of R:58, G:247, B:236 and CMYK values of C:0.77, M:0, Y:0.04, K:0.03. Its decimal value is 3864556.
Hex triplet | 3af7ec | #3af7ec |
---|---|---|
RGB Decimal | 58, 247, 236 | rgb(58,247,236) |
RGB Percent | 22.7, 96.9, 92.5 | rgb(22.7%,96.9%,92.5%) |
CMYK | 77, 0, 4, 3 | |
HSL | 176.5°, 92.2, 59.8 | hsl(176.5,92.2%,59.8%) |
HSV (or HSB) | 176.5°, 76.5, 96.9 | |
Web Safe | 33ffff | #33ffff |
CIE-LAB | 88.672, -47.168, -7.845 |
---|---|
XYZ | 50.141, 73.472, 90.891 |
xyY | 0.234, 0.343, 73.472 |
CIE-LCH | 88.672, 47.816, 189.443 |
CIE-LUV | 88.672, -65.802, -4.92 |
Hunter-Lab | 85.716, -45.586, -2.869 |
Binary | 00111010, 11110111, 11101100 |
Color Schemes with #3af7ec
Alternatives to #3af7ec
Below, you can see some colors close to #3af7ec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3af7ec Preview
This text has a font color of #3af7ec.
<span style="color:#3af7ec;">Text here</span>
This paragraph has a background color of #3af7ec.
<p style="background-color:#3af7ec;">Content here</p>
This element has a border color of #3af7ec.
<div style="border:1px solid #3af7ec;">Content here</div>
.text {color:#3af7ec;}
.background {background-color:#3af7ec;}
.border {border:1px solid #3af7ec;}
Shades and Tints of #3af7ec
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, #000a0a is the darkest color, while #f6fffe is the lightest one.
-
#000a0a
#000a0a
rgb(0,10,10)
-
#011d1c
#011d1c
rgb(1,29,28)
-
#02302d
#02302d
rgb(2,48,45)
-
#03433f
#03433f
rgb(3,67,63)
-
#035651
#035651
rgb(3,86,81)
-
#046963
#046963
rgb(4,105,99)
-
#057b75
#057b75
rgb(5,123,117)
-
#068e86
#068e86
rgb(6,142,134)
-
#07a198
#07a198
rgb(7,161,152)
-
#07b4aa
#07b4aa
rgb(7,180,170)
-
#08c7bc
#08c7bc
rgb(8,199,188)
-
#09dace
#09dace
rgb(9,218,206)
-
#0aeddf
#0aeddf
rgb(10,237,223)
-
#14f5e8
#14f5e8
rgb(20,245,232)
-
#27f6ea
#27f6ea
rgb(39,246,234)
-
#3af7ec
#3af7ec
rgb(58,247,236)
-
#4df8ee
#4df8ee
rgb(77,248,238)
-
#60f9f0
#60f9f0
rgb(96,249,240)
-
#73f9f1
#73f9f1
rgb(115,249,241)
-
#85faf3
#85faf3
rgb(133,250,243)
-
#98fbf5
#98fbf5
rgb(152,251,245)
-
#abfcf7
#abfcf7
rgb(171,252,247)
-
#befcf9
#befcf9
rgb(190,252,249)
-
#d1fdfb
#d1fdfb
rgb(209,253,251)
-
#e4fefc
#e4fefc
rgb(228,254,252)
-
#f6fffe
#f6fffe
rgb(246,255,254)
Tones of #3af7ec
A tone is produced by adding gray to any pure hue. In this case, #91a09f is the less saturated color, while #32fff3 is the most saturated one.
-
#91a09f
#91a09f
rgb(145,160,159)
-
#89a8a6
#89a8a6
rgb(137,168,166)
-
#81b0ad
#81b0ad
rgb(129,176,173)
-
#79b8b4
#79b8b4
rgb(121,184,180)
-
#71c0bb
#71c0bb
rgb(113,192,187)
-
#69c8c2
#69c8c2
rgb(105,200,194)
-
#61d0c9
#61d0c9
rgb(97,208,201)
-
#5ad7d0
#5ad7d0
rgb(90,215,208)
-
#52dfd7
#52dfd7
rgb(82,223,215)
-
#4ae7de
#4ae7de
rgb(74,231,222)
-
#42efe5
#42efe5
rgb(66,239,229)
-
#3af7ec
#3af7ec
rgb(58,247,236)
-
#32fff3
#32fff3
rgb(50,255,243)
Color Blindness Simulator
Below, you can see how #3af7ec 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.