#3afaf2 Color Information
In a RGB color space, hex #3afaf2 is composed of 22.7% red, 98% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 0% magenta, 3.2% yellow and 2% black. It has a hue angle of 177.5 degrees, a saturation of 95% and a lightness of 60.4%. #3afaf2 color hex could be obtained by blending #74ffff with #00f5e5. Closest websafe color is: #33ffff.
-
- R 23
- G 98
- B 95
-
- C 77
- M 0
- Y 3
- K 2
● #3afaf2 color description : Bright cyan.
#3afaf2 Color Conversion
The hexadecimal color #3afaf2 has RGB values of R:58, G:250, B:242 and CMYK values of C:0.77, M:0, Y:0.03, K:0.02. Its decimal value is 3865330.
Hex triplet | 3afaf2 | #3afaf2 |
---|---|---|
RGB Decimal | 58, 250, 242 | rgb(58,250,242) |
RGB Percent | 22.7, 98, 94.9 | rgb(22.7%,98%,94.9%) |
CMYK | 77, 0, 3, 2 | |
HSL | 177.5°, 95, 60.4 | hsl(177.5,95%,60.4%) |
HSV (or HSB) | 177.5°, 76.8, 98 | |
Web Safe | 33ffff | #33ffff |
CIE-LAB | 89.709, -46.828, -9.434 |
---|---|
XYZ | 51.952, 75.677, 95.868 |
xyY | 0.232, 0.339, 75.677 |
CIE-LCH | 89.709, 47.769, 191.391 |
CIE-LUV | 89.709, -66.385, -7.568 |
Hunter-Lab | 86.992, -45.635, -4.445 |
Binary | 00111010, 11111010, 11110010 |
Color Schemes with #3afaf2
Alternatives to #3afaf2
Below, you can see some colors close to #3afaf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3afaf2 Preview
This text has a font color of #3afaf2.
<span style="color:#3afaf2;">Text here</span>
This paragraph has a background color of #3afaf2.
<p style="background-color:#3afaf2;">Content here</p>
This element has a border color of #3afaf2.
<div style="border:1px solid #3afaf2;">Content here</div>
.text {color:#3afaf2;}
.background {background-color:#3afaf2;}
.border {border:1px solid #3afaf2;}
Shades and Tints of #3afaf2
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, #000d0d is the darkest color, while #f9ffff is the lightest one.
-
#000d0d
#000d0d
rgb(0,13,13)
-
#01211f
#01211f
rgb(1,33,31)
-
#013432
#013432
rgb(1,52,50)
-
#024744
#024744
rgb(2,71,68)
-
#025a56
#025a56
rgb(2,90,86)
-
#036d69
#036d69
rgb(3,109,105)
-
#03807b
#03807b
rgb(3,128,123)
-
#04938d
#04938d
rgb(4,147,141)
-
#04a6a0
#04a6a0
rgb(4,166,160)
-
#05bab2
#05bab2
rgb(5,186,178)
-
#05cdc4
#05cdc4
rgb(5,205,196)
-
#06e0d7
#06e0d7
rgb(6,224,215)
-
#06f3e9
#06f3e9
rgb(6,243,233)
-
#14f9ef
#14f9ef
rgb(20,249,239)
-
#27faf1
#27faf1
rgb(39,250,241)
-
#3afaf2
#3afaf2
rgb(58,250,242)
-
#4dfaf3
#4dfaf3
rgb(77,250,243)
-
#60fbf5
#60fbf5
rgb(96,251,245)
-
#73fbf6
#73fbf6
rgb(115,251,246)
-
#87fcf7
#87fcf7
rgb(135,252,247)
-
#9afcf8
#9afcf8
rgb(154,252,248)
-
#adfdfa
#adfdfa
rgb(173,253,250)
-
#c0fdfb
#c0fdfb
rgb(192,253,251)
-
#d3fefc
#d3fefc
rgb(211,254,252)
-
#e6fefd
#e6fefd
rgb(230,254,253)
-
#f9ffff
#f9ffff
rgb(249,255,255)
Tones of #3afaf2
A tone is produced by adding gray to any pure hue. In this case, #979d9d is the less saturated color, while #3afaf2 is the most saturated one.
-
#979d9d
#979d9d
rgb(151,157,157)
-
#8fa5a4
#8fa5a4
rgb(143,165,164)
-
#88acab
#88acab
rgb(136,172,171)
-
#80b4b2
#80b4b2
rgb(128,180,178)
-
#78bcb9
#78bcb9
rgb(120,188,185)
-
#70c4c0
#70c4c0
rgb(112,196,192)
-
#69cbc7
#69cbc7
rgb(105,203,199)
-
#61d3ce
#61d3ce
rgb(97,211,206)
-
#59dbd6
#59dbd6
rgb(89,219,214)
-
#51e3dd
#51e3dd
rgb(81,227,221)
-
#4aeae4
#4aeae4
rgb(74,234,228)
-
#42f2eb
#42f2eb
rgb(66,242,235)
-
#3afaf2
#3afaf2
rgb(58,250,242)
Color Blindness Simulator
Below, you can see how #3afaf2 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.