#3afff7 Color Information
In a RGB color space, hex #3afff7 is composed of 22.7% red, 100% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 0% magenta, 3.1% yellow and 0% black. It has a hue angle of 177.6 degrees, a saturation of 100% and a lightness of 61.4%. #3afff7 color hex could be obtained by blending #74ffff with #00ffef. Closest websafe color is: #33ffff.
-
- R 23
- G 100
- B 97
-
- C 77
- M 0
- Y 3
- K 0
● #3afff7 color description : Light cyan.
#3afff7 Color Conversion
The hexadecimal color #3afff7 has RGB values of R:58, G:255, B:247 and CMYK values of C:0.77, M:0, Y:0.03, K:0. Its decimal value is 3866615.
Hex triplet | 3afff7 | #3afff7 |
---|---|---|
RGB Decimal | 58, 255, 247 | rgb(58,255,247) |
RGB Percent | 22.7, 100, 96.9 | rgb(22.7%,100%,96.9%) |
CMYK | 77, 0, 3, 0 | |
HSL | 177.6°, 100, 61.4 | hsl(177.6,100%,61.4%) |
HSV (or HSB) | 177.6°, 77.3, 100 | |
Web Safe | 33ffff | #33ffff |
CIE-LAB | 91.293, -47.619, -9.679 |
---|---|
XYZ | 54.288, 79.13, 100.403 |
xyY | 0.232, 0.338, 79.13 |
CIE-LCH | 91.293, 48.592, 191.49 |
CIE-LUV | 91.293, -67.713, -7.859 |
Hunter-Lab | 88.955, -46.735, -4.652 |
Binary | 00111010, 11111111, 11110111 |
Color Schemes with #3afff7
Alternatives to #3afff7
Below, you can see some colors close to #3afff7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3afff7 Preview
This text has a font color of #3afff7.
<span style="color:#3afff7;">Text here</span>
This paragraph has a background color of #3afff7.
<p style="background-color:#3afff7;">Content here</p>
This element has a border color of #3afff7.
<div style="border:1px solid #3afff7;">Content here</div>
.text {color:#3afff7;}
.background {background-color:#3afff7;}
.border {border:1px solid #3afff7;}
Shades and Tints of #3afff7
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, #001312 is the darkest color, while #feffff is the lightest one.
-
#001312
#001312
rgb(0,19,18)
-
#002625
#002625
rgb(0,38,37)
-
#003a38
#003a38
rgb(0,58,56)
-
#004e4a
#004e4a
rgb(0,78,74)
-
#00615d
#00615d
rgb(0,97,93)
-
#007570
#007570
rgb(0,117,112)
-
#008883
#008883
rgb(0,136,131)
-
#009c96
#009c96
rgb(0,156,150)
-
#00b0a9
#00b0a9
rgb(0,176,169)
-
#00c3bb
#00c3bb
rgb(0,195,187)
-
#00d7ce
#00d7ce
rgb(0,215,206)
-
#00ebe1
#00ebe1
rgb(0,235,225)
-
#00fef4
#00fef4
rgb(0,254,244)
-
#13fff5
#13fff5
rgb(19,255,245)
-
#26fff6
#26fff6
rgb(38,255,246)
-
#3afff7
#3afff7
rgb(58,255,247)
-
#4efff8
#4efff8
rgb(78,255,248)
-
#61fff9
#61fff9
rgb(97,255,249)
-
#75fff9
#75fff9
rgb(117,255,249)
-
#88fffa
#88fffa
rgb(136,255,250)
-
#9cfffb
#9cfffb
rgb(156,255,251)
-
#b0fffc
#b0fffc
rgb(176,255,252)
-
#c3fffd
#c3fffd
rgb(195,255,253)
-
#d7fffd
#d7fffd
rgb(215,255,253)
-
#ebfffe
#ebfffe
rgb(235,255,254)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #3afff7
A tone is produced by adding gray to any pure hue. In this case, #95a4a3 is the less saturated color, while #3afff7 is the most saturated one.
-
#95a4a3
#95a4a3
rgb(149,164,163)
-
#8dacaa
#8dacaa
rgb(141,172,170)
-
#86b3b1
#86b3b1
rgb(134,179,177)
-
#7ebbb8
#7ebbb8
rgb(126,187,184)
-
#77c2bf
#77c2bf
rgb(119,194,191)
-
#6fcac6
#6fcac6
rgb(111,202,198)
-
#67d2cd
#67d2cd
rgb(103,210,205)
-
#60d9d4
#60d9d4
rgb(96,217,212)
-
#58e1db
#58e1db
rgb(88,225,219)
-
#51e8e2
#51e8e2
rgb(81,232,226)
-
#49f0e9
#49f0e9
rgb(73,240,233)
-
#42f7f0
#42f7f0
rgb(66,247,240)
-
#3afff7
#3afff7
rgb(58,255,247)
Color Blindness Simulator
Below, you can see how #3afff7 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.