#3affd2 Color Information
In a RGB color space, hex #3affd2 is composed of 22.7% red, 100% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 0% magenta, 17.6% yellow and 0% black. It has a hue angle of 166.3 degrees, a saturation of 100% and a lightness of 61.4%. #3affd2 color hex could be obtained by blending #74ffff with #00ffa5. Closest websafe color is: #33ffcc.
-
- R 23
- G 100
- B 82
-
- C 77
- M 0
- Y 18
- K 0
● #3affd2 color description : Light cyan.
#3affd2 Color Conversion
The hexadecimal color #3affd2 has RGB values of R:58, G:255, B:210 and CMYK values of C:0.77, M:0, Y:0.18, K:0. Its decimal value is 3866578.
Hex triplet | 3affd2 | #3affd2 |
---|---|---|
RGB Decimal | 58, 255, 210 | rgb(58,255,210) |
RGB Percent | 22.7, 100, 82.4 | rgb(22.7%,100%,82.4%) |
CMYK | 77, 0, 18, 0 | |
HSL | 166.3°, 100, 61.4 | hsl(166.3,100%,61.4%) |
HSV (or HSB) | 166.3°, 77.3, 100 | |
Web Safe | 33ffcc | #33ffcc |
CIE-LAB | 90.353, -57.135, 8.118 |
---|---|
XYZ | 49.133, 77.068, 73.255 |
xyY | 0.246, 0.386, 77.068 |
CIE-LCH | 90.353, 57.709, 171.914 |
CIE-LUV | 90.353, -70.373, 21.655 |
Hunter-Lab | 87.788, -53.726, 11.977 |
Binary | 00111010, 11111111, 11010010 |
Color Schemes with #3affd2
Alternatives to #3affd2
Below, you can see some colors close to #3affd2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3affd2 Preview
This text has a font color of #3affd2.
<span style="color:#3affd2;">Text here</span>
This paragraph has a background color of #3affd2.
<p style="background-color:#3affd2;">Content here</p>
This element has a border color of #3affd2.
<div style="border:1px solid #3affd2;">Content here</div>
.text {color:#3affd2;}
.background {background-color:#3affd2;}
.border {border:1px solid #3affd2;}
Shades and Tints of #3affd2
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, #00130e is the darkest color, while #feffff is the lightest one.
-
#00130e
#00130e
rgb(0,19,14)
-
#00261e
#00261e
rgb(0,38,30)
-
#003a2d
#003a2d
rgb(0,58,45)
-
#004e3c
#004e3c
rgb(0,78,60)
-
#00614b
#00614b
rgb(0,97,75)
-
#00755a
#00755a
rgb(0,117,90)
-
#008869
#008869
rgb(0,136,105)
-
#009c78
#009c78
rgb(0,156,120)
-
#00b088
#00b088
rgb(0,176,136)
-
#00c397
#00c397
rgb(0,195,151)
-
#00d7a6
#00d7a6
rgb(0,215,166)
-
#00ebb5
#00ebb5
rgb(0,235,181)
-
#00fec4
#00fec4
rgb(0,254,196)
-
#13ffc9
#13ffc9
rgb(19,255,201)
-
#26ffce
#26ffce
rgb(38,255,206)
-
#3affd2
#3affd2
rgb(58,255,210)
-
#4effd6
#4effd6
rgb(78,255,214)
-
#61ffdb
#61ffdb
rgb(97,255,219)
-
#75ffdf
#75ffdf
rgb(117,255,223)
-
#88ffe4
#88ffe4
rgb(136,255,228)
-
#9cffe8
#9cffe8
rgb(156,255,232)
-
#b0ffed
#b0ffed
rgb(176,255,237)
-
#c3fff1
#c3fff1
rgb(195,255,241)
-
#d7fff6
#d7fff6
rgb(215,255,246)
-
#ebfffa
#ebfffa
rgb(235,255,250)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #3affd2
A tone is produced by adding gray to any pure hue. In this case, #95a4a1 is the less saturated color, while #3affd2 is the most saturated one.
-
#95a4a1
#95a4a1
rgb(149,164,161)
-
#8daca5
#8daca5
rgb(141,172,165)
-
#86b3a9
#86b3a9
rgb(134,179,169)
-
#7ebbad
#7ebbad
rgb(126,187,173)
-
#77c2b1
#77c2b1
rgb(119,194,177)
-
#6fcab5
#6fcab5
rgb(111,202,181)
-
#67d2b9
#67d2b9
rgb(103,210,185)
-
#60d9bd
#60d9bd
rgb(96,217,189)
-
#58e1c2
#58e1c2
rgb(88,225,194)
-
#51e8c6
#51e8c6
rgb(81,232,198)
-
#49f0ca
#49f0ca
rgb(73,240,202)
-
#42f7ce
#42f7ce
rgb(66,247,206)
-
#3affd2
#3affd2
rgb(58,255,210)
Color Blindness Simulator
Below, you can see how #3affd2 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.