#2addd2 Color Information
In a RGB color space, hex #2addd2 is composed of 16.5% red, 86.7% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 0% magenta, 5% yellow and 13.3% black. It has a hue angle of 176.3 degrees, a saturation of 72.5% and a lightness of 51.6%. #2addd2 color hex could be obtained by blending #54ffff with #00bba5. Closest websafe color is: #33cccc.
-
- R 16
- G 87
- B 82
-
- C 81
- M 0
- Y 5
- K 13
● #2addd2 color description : Bright cyan.
#2addd2 Color Conversion
The hexadecimal color #2addd2 has RGB values of R:42, G:221, B:210 and CMYK values of C:0.81, M:0, Y:0.05, K:0.13. Its decimal value is 2809298.
| Hex triplet | 2addd2 | #2addd2 |
|---|---|---|
| RGB Decimal | 42, 221, 210 | rgb(42,221,210) |
| RGB Percent | 16.5, 86.7, 82.4 | rgb(16.5%,86.7%,82.4%) |
| CMYK | 81, 0, 5, 13 | |
| HSL | 176.3°, 72.5, 51.6 | hsl(176.3,72.5%,51.6%) |
| HSV (or HSB) | 176.3°, 81, 86.7 | |
| Web Safe | 33cccc | #33cccc |
| CIE-LAB | 80.098, -44.454, -6.86 |
|---|---|
| XYZ | 38.44, 56.854, 69.917 |
| xyY | 0.233, 0.344, 56.854 |
| CIE-LCH | 80.098, 44.98, 188.773 |
| CIE-LUV | 80.098, -60.586, -3.738 |
| Hunter-Lab | 75.402, -40.953, -2.196 |
| Binary | 00101010, 11011101, 11010010 |
Color Schemes with #2addd2
Alternatives to #2addd2
Below, you can see some colors close to #2addd2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2addd2 Preview
This text has a font color of #2addd2.
<span style="color:#2addd2;">Text here</span>
This paragraph has a background color of #2addd2.
<p style="background-color:#2addd2;">Content here</p>
This element has a border color of #2addd2.
<div style="border:1px solid #2addd2;">Content here</div>
.text {color:#2addd2;}
.background {background-color:#2addd2;}
.border {border:1px solid #2addd2;}
Shades and Tints of #2addd2
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, #010707 is the darkest color, while #f5fdfd is the lightest one.
-
#010707
#010707rgb(1,7,7) -
#041817
#041817rgb(4,24,23) -
#072927
#072927rgb(7,41,39) -
#093a37
#093a37rgb(9,58,55) -
#0c4b47
#0c4b47rgb(12,75,71) -
#0f5b57
#0f5b57rgb(15,91,87) -
#116c67
#116c67rgb(17,108,103) -
#147d77
#147d77rgb(20,125,119) -
#178e87
#178e87rgb(23,142,135) -
#199f97
#199f97rgb(25,159,151) -
#1cb0a7
#1cb0a7rgb(28,176,167) -
#1fc1b7
#1fc1b7rgb(31,193,183) -
#22d2c7
#22d2c7rgb(34,210,199)
-
#2addd2
#2addd2rgb(42,221,210) -
#3be0d6
#3be0d6rgb(59,224,214) -
#4ce2d9
#4ce2d9rgb(76,226,217) -
#5de5dd
#5de5ddrgb(93,229,221) -
#6ee8e0
#6ee8e0rgb(110,232,224) -
#7febe4
#7febe4rgb(127,235,228) -
#8fede7
#8fede7rgb(143,237,231) -
#a0f0eb
#a0f0ebrgb(160,240,235) -
#b1f3ef
#b1f3efrgb(177,243,239) -
#c2f5f2
#c2f5f2rgb(194,245,242) -
#d3f8f6
#d3f8f6rgb(211,248,246) -
#e4fbf9
#e4fbf9rgb(228,251,249) -
#f5fdfd
#f5fdfdrgb(245,253,253)
Tones of #2addd2
A tone is produced by adding gray to any pure hue. In this case, #808887 is the less saturated color, while #0efaeb is the most saturated one.
-
#808887
#808887rgb(128,136,135) -
#76918f
#76918frgb(118,145,143) -
#6d9b98
#6d9b98rgb(109,155,152) -
#63a4a0
#63a4a0rgb(99,164,160) -
#5aaea8
#5aaea8rgb(90,174,168) -
#50b7b1
#50b7b1rgb(80,183,177) -
#47c1b9
#47c1b9rgb(71,193,185) -
#3dcac1
#3dcac1rgb(61,202,193) -
#34d4ca
#34d4cargb(52,212,202) -
#2addd2
#2addd2rgb(42,221,210) -
#21e7da
#21e7dargb(33,231,218) -
#17f0e3
#17f0e3rgb(23,240,227) -
#0efaeb
#0efaebrgb(14,250,235)
Color Blindness Simulator
Below, you can see how #2addd2 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.
