#3afdf9 Color Information
In a RGB color space, hex #3afdf9 is composed of 22.7% red, 99.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 0% magenta, 1.6% yellow and 0.8% black. It has a hue angle of 178.8 degrees, a saturation of 98% and a lightness of 61%. #3afdf9 color hex could be obtained by blending #74ffff with #00fbf3. Closest websafe color is: #33ffff.
-
- R 23
- G 99
- B 98
-
- C 77
- M 0
- Y 2
- K 1
● #3afdf9 color description : Bright cyan.
#3afdf9 Color Conversion
The hexadecimal color #3afdf9 has RGB values of R:58, G:253, B:249 and CMYK values of C:0.77, M:0, Y:0.02, K:0.01. Its decimal value is 3866105.
Hex triplet | 3afdf9 | #3afdf9 |
---|---|---|
RGB Decimal | 58, 253, 249 | rgb(58,253,249) |
RGB Percent | 22.7, 99.2, 97.6 | rgb(22.7%,99.2%,97.6%) |
CMYK | 77, 0, 2, 1 | |
HSL | 178.8°, 98, 61 | hsl(178.8,98%,61%) |
HSV (or HSB) | 178.8°, 77.1, 99.2 | |
Web Safe | 33ffff | #33ffff |
CIE-LAB | 90.773, -46.205, -11.491 |
---|---|
XYZ | 53.964, 77.984, 101.826 |
xyY | 0.231, 0.334, 77.984 |
CIE-LCH | 90.773, 47.612, 193.966 |
CIE-LUV | 90.773, -66.891, -11.053 |
Hunter-Lab | 88.309, -45.463, -6.549 |
Binary | 00111010, 11111101, 11111001 |
Color Schemes with #3afdf9
Alternatives to #3afdf9
Below, you can see some colors close to #3afdf9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3afdf9 Preview
This text has a font color of #3afdf9.
<span style="color:#3afdf9;">Text here</span>
This paragraph has a background color of #3afdf9.
<p style="background-color:#3afdf9;">Content here</p>
This element has a border color of #3afdf9.
<div style="border:1px solid #3afdf9;">Content here</div>
.text {color:#3afdf9;}
.background {background-color:#3afdf9;}
.border {border:1px solid #3afdf9;}
Shades and Tints of #3afdf9
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, #001110 is the darkest color, while #fcffff is the lightest one.
-
#001110
#001110
rgb(0,17,16)
-
#002423
#002423
rgb(0,36,35)
-
#013736
#013736
rgb(1,55,54)
-
#014b49
#014b49
rgb(1,75,73)
-
#015e5c
#015e5c
rgb(1,94,92)
-
#01726f
#01726f
rgb(1,114,111)
-
#018582
#018582
rgb(1,133,130)
-
#029995
#029995
rgb(2,153,149)
-
#02aca8
#02aca8
rgb(2,172,168)
-
#02bfbb
#02bfbb
rgb(2,191,187)
-
#02d3cf
#02d3cf
rgb(2,211,207)
-
#02e6e2
#02e6e2
rgb(2,230,226)
-
#03faf5
#03faf5
rgb(3,250,245)
-
#13fdf8
#13fdf8
rgb(19,253,248)
-
#27fdf8
#27fdf8
rgb(39,253,248)
-
#3afdf9
#3afdf9
rgb(58,253,249)
-
#4dfdfa
#4dfdfa
rgb(77,253,250)
-
#61fdfa
#61fdfa
rgb(97,253,250)
-
#74fefb
#74fefb
rgb(116,254,251)
-
#88fefb
#88fefb
rgb(136,254,251)
-
#9bfefc
#9bfefc
rgb(155,254,252)
-
#affefd
#affefd
rgb(175,254,253)
-
#c2fefd
#c2fefd
rgb(194,254,253)
-
#d5fffe
#d5fffe
rgb(213,255,254)
-
#e9fffe
#e9fffe
rgb(233,255,254)
-
#fcffff
#fcffff
rgb(252,255,255)
Tones of #3afdf9
A tone is produced by adding gray to any pure hue. In this case, #96a1a1 is the less saturated color, while #3afdf9 is the most saturated one.
-
#96a1a1
#96a1a1
rgb(150,161,161)
-
#8ea9a8
#8ea9a8
rgb(142,169,168)
-
#87b0b0
#87b0b0
rgb(135,176,176)
-
#7fb8b7
#7fb8b7
rgb(127,184,183)
-
#77c0be
#77c0be
rgb(119,192,190)
-
#70c7c6
#70c7c6
rgb(112,199,198)
-
#68cfcd
#68cfcd
rgb(104,207,205)
-
#60d7d4
#60d7d4
rgb(96,215,212)
-
#59dedc
#59dedc
rgb(89,222,220)
-
#51e6e3
#51e6e3
rgb(81,230,227)
-
#49eeea
#49eeea
rgb(73,238,234)
-
#42f5f2
#42f5f2
rgb(66,245,242)
-
#3afdf9
#3afdf9
rgb(58,253,249)
Color Blindness Simulator
Below, you can see how #3afdf9 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.