#22a299 Color Information
In a RGB color space, hex #22a299 is composed of 13.3% red, 63.5% green and 60% blue. Whereas in a CMYK color space, it is composed of 79% cyan, 0% magenta, 5.6% yellow and 36.5% black. It has a hue angle of 175.8 degrees, a saturation of 65.3% and a lightness of 38.4%. #22a299 color hex could be obtained by blending #44ffff with #004533. Closest websafe color is: #339999.
-
- R 13
- G 64
- B 60
-
- C 79
- M 0
- Y 6
- K 36
● #22a299 color description : Dark cyan.
#22a299 Color Conversion
The hexadecimal color #22a299 has RGB values of R:34, G:162, B:153 and CMYK values of C:0.79, M:0, Y:0.06, K:0.36. Its decimal value is 2269849.
Hex triplet | 22a299 | #22a299 |
---|---|---|
RGB Decimal | 34, 162, 153 | rgb(34,162,153) |
RGB Percent | 13.3, 63.5, 60 | rgb(13.3%,63.5%,60%) |
CMYK | 79, 0, 6, 36 | |
HSL | 175.8°, 65.3, 38.4 | hsl(175.8,65.3%,38.4%) |
HSV (or HSB) | 175.8°, 79, 63.5 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 60.319, -34.935, -4.913 |
---|---|
XYZ | 19.328, 28.479, 34.614 |
xyY | 0.235, 0.346, 28.479 |
CIE-LCH | 60.319, 35.278, 188.006 |
CIE-LUV | 60.319, -44.981, -2.052 |
Hunter-Lab | 53.365, -28.74, -1.1 |
Binary | 00100010, 10100010, 10011001 |
Color Schemes with #22a299
Alternatives to #22a299
Below, you can see some colors close to #22a299. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22a299 Preview
This text has a font color of #22a299.
<span style="color:#22a299;">Text here</span>
This paragraph has a background color of #22a299.
<p style="background-color:#22a299;">Content here</p>
This element has a border color of #22a299.
<div style="border:1px solid #22a299;">Content here</div>
.text {color:#22a299;}
.background {background-color:#22a299;}
.border {border:1px solid #22a299;}
Shades and Tints of #22a299
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, #03100f is the darkest color, while #ffffff is the lightest one.
-
#03100f
#03100f
rgb(3,16,15)
-
#07201f
#07201f
rgb(7,32,31)
-
#0a312e
#0a312e
rgb(10,49,46)
-
#0e413d
#0e413d
rgb(14,65,61)
-
#11514c
#11514c
rgb(17,81,76)
-
#14615c
#14615c
rgb(20,97,92)
-
#18716b
#18716b
rgb(24,113,107)
-
#1b827a
#1b827a
rgb(27,130,122)
-
#1f928a
#1f928a
rgb(31,146,138)
-
#22a299
#22a299
rgb(34,162,153)
-
#25b2a8
#25b2a8
rgb(37,178,168)
-
#29c2b8
#29c2b8
rgb(41,194,184)
-
#2cd3c7
#2cd3c7
rgb(44,211,199)
-
#3cd6cb
#3cd6cb
rgb(60,214,203)
-
#4ddad0
#4ddad0
rgb(77,218,208)
-
#5dddd4
#5dddd4
rgb(93,221,212)
-
#6de0d8
#6de0d8
rgb(109,224,216)
-
#7de4dd
#7de4dd
rgb(125,228,221)
-
#8de7e1
#8de7e1
rgb(141,231,225)
-
#9eebe5
#9eebe5
rgb(158,235,229)
-
#aeeee9
#aeeee9
rgb(174,238,233)
-
#bef1ee
#bef1ee
rgb(190,241,238)
-
#cef5f2
#cef5f2
rgb(206,245,242)
-
#def8f6
#def8f6
rgb(222,248,246)
-
#effcfb
#effcfb
rgb(239,252,251)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #22a299
A tone is produced by adding gray to any pure hue. In this case, #5e6665 is the less saturated color, while #04c0b3 is the most saturated one.
-
#5e6665
#5e6665
rgb(94,102,101)
-
#576d6c
#576d6c
rgb(87,109,108)
-
#4f7572
#4f7572
rgb(79,117,114)
-
#487c79
#487c79
rgb(72,124,121)
-
#40847f
#40847f
rgb(64,132,127)
-
#398b86
#398b86
rgb(57,139,134)
-
#31938c
#31938c
rgb(49,147,140)
-
#2a9a93
#2a9a93
rgb(42,154,147)
-
#22a299
#22a299
rgb(34,162,153)
-
#1aaa9f
#1aaa9f
rgb(26,170,159)
-
#13b1a6
#13b1a6
rgb(19,177,166)
-
#0bb9ac
#0bb9ac
rgb(11,185,172)
-
#04c0b3
#04c0b3
rgb(4,192,179)
Color Blindness Simulator
Below, you can see how #22a299 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.