#3addd2 Color Information
In a RGB color space, hex #3addd2 is composed of 22.7% red, 86.7% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 0% magenta, 5% yellow and 13.3% black. It has a hue angle of 176 degrees, a saturation of 70.6% and a lightness of 54.7%. #3addd2 color hex could be obtained by blending #74ffff with #00bba5. Closest websafe color is: #33cccc.
-
- R 23
- G 87
- B 82
-
- C 74
- M 0
- Y 5
- K 13
● #3addd2 color description : Bright cyan.
#3addd2 Color Conversion
The hexadecimal color #3addd2 has RGB values of R:58, G:221, B:210 and CMYK values of C:0.74, M:0, Y:0.05, K:0.13. Its decimal value is 3857874.
Hex triplet | 3addd2 | #3addd2 |
---|---|---|
RGB Decimal | 58, 221, 210 | rgb(58,221,210) |
RGB Percent | 22.7, 86.7, 82.4 | rgb(22.7%,86.7%,82.4%) |
CMYK | 74, 0, 5, 13 | |
HSL | 176°, 70.6, 54.7 | hsl(176,70.6%,54.7%) |
HSV (or HSB) | 176°, 73.8, 86.7 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 80.327, -42.925, -6.496 |
---|---|
XYZ | 39.23, 57.262, 69.954 |
xyY | 0.236, 0.344, 57.262 |
CIE-LCH | 80.327, 43.414, 188.605 |
CIE-LUV | 80.327, -58.704, -3.364 |
Hunter-Lab | 75.672, -39.885, -1.84 |
Binary | 00111010, 11011101, 11010010 |
Color Schemes with #3addd2
Alternatives to #3addd2
Below, you can see some colors close to #3addd2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3addd2 Preview
This text has a font color of #3addd2.
<span style="color:#3addd2;">Text here</span>
This paragraph has a background color of #3addd2.
<p style="background-color:#3addd2;">Content here</p>
This element has a border color of #3addd2.
<div style="border:1px solid #3addd2;">Content here</div>
.text {color:#3addd2;}
.background {background-color:#3addd2;}
.border {border:1px solid #3addd2;}
Shades and Tints of #3addd2
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, #010404 is the darkest color, while #f2fdfc is the lightest one.
-
#010404
#010404
rgb(1,4,4)
-
#041413
#041413
rgb(4,20,19)
-
#062523
#062523
rgb(6,37,35)
-
#093633
#093633
rgb(9,54,51)
-
#0c4743
#0c4743
rgb(12,71,67)
-
#0f5753
#0f5753
rgb(15,87,83)
-
#126862
#126862
rgb(18,104,98)
-
#157972
#157972
rgb(21,121,114)
-
#188a82
#188a82
rgb(24,138,130)
-
#1b9a92
#1b9a92
rgb(27,154,146)
-
#1eaba1
#1eaba1
rgb(30,171,161)
-
#20bcb1
#20bcb1
rgb(32,188,177)
-
#23ccc1
#23ccc1
rgb(35,204,193)
-
#29dace
#29dace
rgb(41,218,206)
-
#3addd2
#3addd2
rgb(58,221,210)
-
#4be0d6
#4be0d6
rgb(75,224,214)
-
#5be3da
#5be3da
rgb(91,227,218)
-
#6ce6dd
#6ce6dd
rgb(108,230,221)
-
#7de9e1
#7de9e1
rgb(125,233,225)
-
#8eebe5
#8eebe5
rgb(142,235,229)
-
#9eeee9
#9eeee9
rgb(158,238,233)
-
#aff1ed
#aff1ed
rgb(175,241,237)
-
#c0f4f1
#c0f4f1
rgb(192,244,241)
-
#d1f7f4
#d1f7f4
rgb(209,247,244)
-
#e1faf8
#e1faf8
rgb(225,250,248)
-
#f2fdfc
#f2fdfc
rgb(242,253,252)
Tones of #3addd2
A tone is produced by adding gray to any pure hue. In this case, #8a8d8d is the less saturated color, while #1ff8e9 is the most saturated one.
-
#8a8d8d
#8a8d8d
rgb(138,141,141)
-
#819695
#819695
rgb(129,150,149)
-
#789f9c
#789f9c
rgb(120,159,156)
-
#6fa8a4
#6fa8a4
rgb(111,168,164)
-
#66b1ac
#66b1ac
rgb(102,177,172)
-
#5eb9b3
#5eb9b3
rgb(94,185,179)
-
#55c2bb
#55c2bb
rgb(85,194,187)
-
#4ccbc3
#4ccbc3
rgb(76,203,195)
-
#43d4ca
#43d4ca
rgb(67,212,202)
-
#3addd2
#3addd2
rgb(58,221,210)
-
#31e6da
#31e6da
rgb(49,230,218)
-
#28efe1
#28efe1
rgb(40,239,225)
-
#1ff8e9
#1ff8e9
rgb(31,248,233)
Color Blindness Simulator
Below, you can see how #3addd2 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.