#22d2ae Color Information
In a RGB color space, hex #22d2ae is composed of 13.3% red, 82.4% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 83.8% cyan, 0% magenta, 17.1% yellow and 17.6% black. It has a hue angle of 167.7 degrees, a saturation of 72.1% and a lightness of 47.8%. #22d2ae color hex could be obtained by blending #44ffff with #00a55d. Closest websafe color is: #33cc99.
-
- R 13
- G 82
- B 68
-
- C 84
- M 0
- Y 17
- K 18
● #22d2ae color description : Strong cyan.
#22d2ae Color Conversion
The hexadecimal color #22d2ae has RGB values of R:34, G:210, B:174 and CMYK values of C:0.84, M:0, Y:0.17, K:0.18. Its decimal value is 2282158.
Hex triplet | 22d2ae | #22d2ae |
---|---|---|
RGB Decimal | 34, 210, 174 | rgb(34,210,174) |
RGB Percent | 13.3, 82.4, 68.2 | rgb(13.3%,82.4%,68.2%) |
CMYK | 84, 0, 17, 18 | |
HSL | 167.7°, 72.1, 47.8 | hsl(167.7,72.1%,47.8%) |
HSV (or HSB) | 167.7°, 83.8, 82.4 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 75.753, -50.046, 6.041 |
---|---|
XYZ | 31.343, 49.486, 47.942 |
xyY | 0.243, 0.384, 49.486 |
CIE-LCH | 75.753, 50.409, 173.117 |
CIE-LUV | 75.753, -60.256, 16.846 |
Hunter-Lab | 70.346, -43.574, 8.836 |
Binary | 00100010, 11010010, 10101110 |
Color Schemes with #22d2ae
Alternatives to #22d2ae
Below, you can see some colors close to #22d2ae. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22d2ae Preview
This text has a font color of #22d2ae.
<span style="color:#22d2ae;">Text here</span>
This paragraph has a background color of #22d2ae.
<p style="background-color:#22d2ae;">Content here</p>
This element has a border color of #22d2ae.
<div style="border:1px solid #22d2ae;">Content here</div>
.text {color:#22d2ae;}
.background {background-color:#22d2ae;}
.border {border:1px solid #22d2ae;}
Shades and Tints of #22d2ae
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, #010706 is the darkest color, while #f6fdfc is the lightest one.
-
#010706
#010706
rgb(1,7,6)
-
#041814
#041814
rgb(4,24,20)
-
#072922
#072922
rgb(7,41,34)
-
#093a30
#093a30
rgb(9,58,48)
-
#0c4b3e
#0c4b3e
rgb(12,75,62)
-
#0f5c4c
#0f5c4c
rgb(15,92,76)
-
#126d5a
#126d5a
rgb(18,109,90)
-
#147e68
#147e68
rgb(20,126,104)
-
#178e76
#178e76
rgb(23,142,118)
-
#1a9f84
#1a9f84
rgb(26,159,132)
-
#1db092
#1db092
rgb(29,176,146)
-
#1fc1a0
#1fc1a0
rgb(31,193,160)
-
#22d2ae
#22d2ae
rgb(34,210,174)
-
#2bddb8
#2bddb8
rgb(43,221,184)
-
#3cdfbe
#3cdfbe
rgb(60,223,190)
-
#4de2c4
#4de2c4
rgb(77,226,196)
-
#5ee5c9
#5ee5c9
rgb(94,229,201)
-
#6ee8cf
#6ee8cf
rgb(110,232,207)
-
#7fead4
#7fead4
rgb(127,234,212)
-
#90edda
#90edda
rgb(144,237,218)
-
#a1f0e0
#a1f0e0
rgb(161,240,224)
-
#b2f3e5
#b2f3e5
rgb(178,243,229)
-
#c3f5eb
#c3f5eb
rgb(195,245,235)
-
#d4f8f1
#d4f8f1
rgb(212,248,241)
-
#e5fbf6
#e5fbf6
rgb(229,251,246)
-
#f6fdfc
#f6fdfc
rgb(246,253,252)
Tones of #22d2ae
A tone is produced by adding gray to any pure hue. In this case, #767e7c is the less saturated color, while #06eebf is the most saturated one.
-
#767e7c
#767e7c
rgb(118,126,124)
-
#6d8782
#6d8782
rgb(109,135,130)
-
#649087
#649087
rgb(100,144,135)
-
#5a9a8d
#5a9a8d
rgb(90,154,141)
-
#51a392
#51a392
rgb(81,163,146)
-
#48ac98
#48ac98
rgb(72,172,152)
-
#3eb69d
#3eb69d
rgb(62,182,157)
-
#35bfa3
#35bfa3
rgb(53,191,163)
-
#2bc9a8
#2bc9a8
rgb(43,201,168)
-
#22d2ae
#22d2ae
rgb(34,210,174)
-
#19dbb4
#19dbb4
rgb(25,219,180)
-
#0fe5b9
#0fe5b9
rgb(15,229,185)
-
#06eebf
#06eebf
rgb(6,238,191)
Color Blindness Simulator
Below, you can see how #22d2ae 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.