#3acff2 Color Information
In a RGB color space, hex #3acff2 is composed of 22.7% red, 81.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 14.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 191.4 degrees, a saturation of 87.6% and a lightness of 58.8%. #3acff2 color hex could be obtained by blending #74ffff with #009fe5. Closest websafe color is: #33ccff.
-
- R 23
- G 81
- B 95
-
- C 76
- M 14
- Y 0
- K 5
● #3acff2 color description : Bright cyan.
#3acff2 Color Conversion
The hexadecimal color #3acff2 has RGB values of R:58, G:207, B:242 and CMYK values of C:0.76, M:0.14, Y:0, K:0.05. Its decimal value is 3854322.
Hex triplet | 3acff2 | #3acff2 |
---|---|---|
RGB Decimal | 58, 207, 242 | rgb(58,207,242) |
RGB Percent | 22.7, 81.2, 94.9 | rgb(22.7%,81.2%,94.9%) |
CMYK | 76, 14, 0, 5 | |
HSL | 191.4°, 87.6, 58.8 | hsl(191.4,87.6%,58.8%) |
HSV (or HSB) | 191.4°, 76, 94.9 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 77.24, -26.953, -28.257 |
---|---|
XYZ | 40.08, 51.932, 91.911 |
xyY | 0.218, 0.282, 51.932 |
CIE-LCH | 77.24, 39.05, 226.353 |
CIE-LUV | 77.24, -51.613, -41.588 |
Hunter-Lab | 72.064, -26.835, -25.174 |
Binary | 00111010, 11001111, 11110010 |
Color Schemes with #3acff2
Alternatives to #3acff2
Below, you can see some colors close to #3acff2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3acff2 Preview
This text has a font color of #3acff2.
<span style="color:#3acff2;">Text here</span>
This paragraph has a background color of #3acff2.
<p style="background-color:#3acff2;">Content here</p>
This element has a border color of #3acff2.
<div style="border:1px solid #3acff2;">Content here</div>
.text {color:#3acff2;}
.background {background-color:#3acff2;}
.border {border:1px solid #3acff2;}
Shades and Tints of #3acff2
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, #000405 is the darkest color, while #f2fcfe is the lightest one.
-
#000405
#000405
rgb(0,4,5)
-
#021418
#021418
rgb(2,20,24)
-
#03232a
#03232a
rgb(3,35,42)
-
#04323d
#04323d
rgb(4,50,61)
-
#05414f
#05414f
rgb(5,65,79)
-
#065061
#065061
rgb(6,80,97)
-
#085f74
#085f74
rgb(8,95,116)
-
#096e86
#096e86
rgb(9,110,134)
-
#0a7e99
#0a7e99
rgb(10,126,153)
-
#0b8dab
#0b8dab
rgb(11,141,171)
-
#0d9cbd
#0d9cbd
rgb(13,156,189)
-
#0eabd0
#0eabd0
rgb(14,171,208)
-
#0fbae2
#0fbae2
rgb(15,186,226)
-
#15c6f0
#15c6f0
rgb(21,198,240)
-
#28cbf1
#28cbf1
rgb(40,203,241)
-
#3acff2
#3acff2
rgb(58,207,242)
-
#4cd3f3
#4cd3f3
rgb(76,211,243)
-
#5fd8f4
#5fd8f4
rgb(95,216,244)
-
#71dcf6
#71dcf6
rgb(113,220,246)
-
#84e1f7
#84e1f7
rgb(132,225,247)
-
#96e5f8
#96e5f8
rgb(150,229,248)
-
#a8eaf9
#a8eaf9
rgb(168,234,249)
-
#bbeefb
#bbeefb
rgb(187,238,251)
-
#cdf3fc
#cdf3fc
rgb(205,243,252)
-
#e0f7fd
#e0f7fd
rgb(224,247,253)
-
#f2fcfe
#f2fcfe
rgb(242,252,254)
Tones of #3acff2
A tone is produced by adding gray to any pure hue. In this case, #939899 is the less saturated color, while #32d4fa is the most saturated one.
-
#939899
#939899
rgb(147,152,153)
-
#8b9da1
#8b9da1
rgb(139,157,161)
-
#83a2a9
#83a2a9
rgb(131,162,169)
-
#7ba7b1
#7ba7b1
rgb(123,167,177)
-
#73acb9
#73acb9
rgb(115,172,185)
-
#6ab1c2
#6ab1c2
rgb(106,177,194)
-
#62b6ca
#62b6ca
rgb(98,182,202)
-
#5abbd2
#5abbd2
rgb(90,187,210)
-
#52c0da
#52c0da
rgb(82,192,218)
-
#4ac5e2
#4ac5e2
rgb(74,197,226)
-
#42caea
#42caea
rgb(66,202,234)
-
#3acff2
#3acff2
rgb(58,207,242)
-
#32d4fa
#32d4fa
rgb(50,212,250)
Color Blindness Simulator
Below, you can see how #3acff2 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.