#22c3a2 Color Information
In a RGB color space, hex #22c3a2 is composed of 13.3% red, 76.5% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 82.6% cyan, 0% magenta, 16.9% yellow and 23.5% black. It has a hue angle of 167.7 degrees, a saturation of 70.3% and a lightness of 44.9%. #22c3a2 color hex could be obtained by blending #44ffff with #008745. Closest websafe color is: #33cc99.
-
- R 13
- G 76
- B 64
-
- C 83
- M 0
- Y 17
- K 24
● #22c3a2 color description : Strong cyan.
#22c3a2 Color Conversion
The hexadecimal color #22c3a2 has RGB values of R:34, G:195, B:162 and CMYK values of C:0.83, M:0, Y:0.17, K:0.24. Its decimal value is 2278306.
Hex triplet | 22c3a2 | #22c3a2 |
---|---|---|
RGB Decimal | 34, 195, 162 | rgb(34,195,162) |
RGB Percent | 13.3, 76.5, 63.5 | rgb(13.3%,76.5%,63.5%) |
CMYK | 83, 0, 17, 24 | |
HSL | 167.7°, 70.3, 44.9 | hsl(167.7,70.3%,44.9%) |
HSV (or HSB) | 167.7°, 82.6, 76.5 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 70.855, -46.936, 5.472 |
---|---|
XYZ | 26.694, 41.976, 40.876 |
xyY | 0.244, 0.383, 41.976 |
CIE-LCH | 70.855, 47.253, 173.351 |
CIE-LUV | 70.855, -55.972, 15.335 |
Hunter-Lab | 64.789, -39.836, 7.946 |
Binary | 00100010, 11000011, 10100010 |
Color Schemes with #22c3a2
Alternatives to #22c3a2
Below, you can see some colors close to #22c3a2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22c3a2 Preview
This text has a font color of #22c3a2.
<span style="color:#22c3a2;">Text here</span>
This paragraph has a background color of #22c3a2.
<p style="background-color:#22c3a2;">Content here</p>
This element has a border color of #22c3a2.
<div style="border:1px solid #22c3a2;">Content here</div>
.text {color:#22c3a2;}
.background {background-color:#22c3a2;}
.border {border:1px solid #22c3a2;}
Shades and Tints of #22c3a2
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, #020b09 is the darkest color, while #fafefd is the lightest one.
-
#020b09
#020b09
rgb(2,11,9)
-
#051c17
#051c17
rgb(5,28,23)
-
#082d25
#082d25
rgb(8,45,37)
-
#0b3d33
#0b3d33
rgb(11,61,51)
-
#0e4e41
#0e4e41
rgb(14,78,65)
-
#115f4f
#115f4f
rgb(17,95,79)
-
#136f5d
#136f5d
rgb(19,111,93)
-
#16806a
#16806a
rgb(22,128,106)
-
#199178
#199178
rgb(25,145,120)
-
#1ca286
#1ca286
rgb(28,162,134)
-
#1fb294
#1fb294
rgb(31,178,148)
-
#22c3a2
#22c3a2
rgb(34,195,162)
-
#25d4b0
#25d4b0
rgb(37,212,176)
-
#31dbb8
#31dbb8
rgb(49,219,184)
-
#42debe
#42debe
rgb(66,222,190)
-
#53e1c4
#53e1c4
rgb(83,225,196)
-
#63e4c9
#63e4c9
rgb(99,228,201)
-
#74e7cf
#74e7cf
rgb(116,231,207)
-
#85ead5
#85ead5
rgb(133,234,213)
-
#95eddb
#95eddb
rgb(149,237,219)
-
#a6efe0
#a6efe0
rgb(166,239,224)
-
#b7f2e6
#b7f2e6
rgb(183,242,230)
-
#c7f5ec
#c7f5ec
rgb(199,245,236)
-
#d8f8f2
#d8f8f2
rgb(216,248,242)
-
#e9fbf7
#e9fbf7
rgb(233,251,247)
-
#fafefd
#fafefd
rgb(250,254,253)
Tones of #22c3a2
A tone is produced by adding gray to any pure hue. In this case, #717473 is the less saturated color, while #08ddb2 is the most saturated one.
-
#717473
#717473
rgb(113,116,115)
-
#687d78
#687d78
rgb(104,125,120)
-
#60857e
#60857e
rgb(96,133,126)
-
#578e83
#578e83
rgb(87,142,131)
-
#4e9788
#4e9788
rgb(78,151,136)
-
#45a08d
#45a08d
rgb(69,160,141)
-
#3ca992
#3ca992
rgb(60,169,146)
-
#34b198
#34b198
rgb(52,177,152)
-
#2bba9d
#2bba9d
rgb(43,186,157)
-
#22c3a2
#22c3a2
rgb(34,195,162)
-
#19cca7
#19cca7
rgb(25,204,167)
-
#10d5ac
#10d5ac
rgb(16,213,172)
-
#08ddb2
#08ddb2
rgb(8,221,178)
Color Blindness Simulator
Below, you can see how #22c3a2 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.