#3afff3 Color Information
In a RGB color space, hex #3afff3 is composed of 22.7% red, 100% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 0% magenta, 4.7% yellow and 0% black. It has a hue angle of 176.3 degrees, a saturation of 100% and a lightness of 61.4%. #3afff3 color hex could be obtained by blending #74ffff with #00ffe7. Closest websafe color is: #33ffff.
-
- R 23
- G 100
- B 95
-
- C 77
- M 0
- Y 5
- K 0
● #3afff3 color description : Light cyan.
#3afff3 Color Conversion
The hexadecimal color #3afff3 has RGB values of R:58, G:255, B:243 and CMYK values of C:0.77, M:0, Y:0.05, K:0. Its decimal value is 3866611.
Hex triplet | 3afff3 | #3afff3 |
---|---|---|
RGB Decimal | 58, 255, 243 | rgb(58,255,243) |
RGB Percent | 22.7, 100, 95.3 | rgb(22.7%,100%,95.3%) |
CMYK | 77, 0, 5, 0 | |
HSL | 176.3°, 100, 61.4 | hsl(176.3,100%,61.4%) |
HSV (or HSB) | 176.3°, 77.3, 100 | |
Web Safe | 33ffff | #33ffff |
CIE-LAB | 91.182, -48.704, -7.768 |
---|---|
XYZ | 53.677, 78.885, 97.186 |
xyY | 0.234, 0.343, 78.885 |
CIE-LCH | 91.182, 49.319, 189.062 |
CIE-LUV | 91.182, -68.006, -4.569 |
Hunter-Lab | 88.817, -47.553, -2.705 |
Binary | 00111010, 11111111, 11110011 |
Color Schemes with #3afff3
Alternatives to #3afff3
Below, you can see some colors close to #3afff3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3afff3 Preview
This text has a font color of #3afff3.
<span style="color:#3afff3;">Text here</span>
This paragraph has a background color of #3afff3.
<p style="background-color:#3afff3;">Content here</p>
This element has a border color of #3afff3.
<div style="border:1px solid #3afff3;">Content here</div>
.text {color:#3afff3;}
.background {background-color:#3afff3;}
.border {border:1px solid #3afff3;}
Shades and Tints of #3afff3
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)
-
#002624
#002624
rgb(0,38,36)
-
#003a36
#003a36
rgb(0,58,54)
-
#004e49
#004e49
rgb(0,78,73)
-
#00615b
#00615b
rgb(0,97,91)
-
#00756e
#00756e
rgb(0,117,110)
-
#008880
#008880
rgb(0,136,128)
-
#009c93
#009c93
rgb(0,156,147)
-
#00b0a5
#00b0a5
rgb(0,176,165)
-
#00c3b7
#00c3b7
rgb(0,195,183)
-
#00d7ca
#00d7ca
rgb(0,215,202)
-
#00ebdc
#00ebdc
rgb(0,235,220)
-
#00feef
#00feef
rgb(0,254,239)
-
#13fff1
#13fff1
rgb(19,255,241)
-
#26fff2
#26fff2
rgb(38,255,242)
-
#3afff3
#3afff3
rgb(58,255,243)
-
#4efff4
#4efff4
rgb(78,255,244)
-
#61fff5
#61fff5
rgb(97,255,245)
-
#75fff7
#75fff7
rgb(117,255,247)
-
#88fff8
#88fff8
rgb(136,255,248)
-
#9cfff9
#9cfff9
rgb(156,255,249)
-
#b0fffa
#b0fffa
rgb(176,255,250)
-
#c3fffb
#c3fffb
rgb(195,255,251)
-
#d7fffd
#d7fffd
rgb(215,255,253)
-
#ebfffe
#ebfffe
rgb(235,255,254)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #3afff3
A tone is produced by adding gray to any pure hue. In this case, #95a4a3 is the less saturated color, while #3afff3 is the most saturated one.
-
#95a4a3
#95a4a3
rgb(149,164,163)
-
#8dacaa
#8dacaa
rgb(141,172,170)
-
#86b3b0
#86b3b0
rgb(134,179,176)
-
#7ebbb7
#7ebbb7
rgb(126,187,183)
-
#77c2be
#77c2be
rgb(119,194,190)
-
#6fcac4
#6fcac4
rgb(111,202,196)
-
#67d2cb
#67d2cb
rgb(103,210,203)
-
#60d9d2
#60d9d2
rgb(96,217,210)
-
#58e1d8
#58e1d8
rgb(88,225,216)
-
#51e8df
#51e8df
rgb(81,232,223)
-
#49f0e6
#49f0e6
rgb(73,240,230)
-
#42f7ec
#42f7ec
rgb(66,247,236)
-
#3afff3
#3afff3
rgb(58,255,243)
Color Blindness Simulator
Below, you can see how #3afff3 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.