#22a388 Color Information
In a RGB color space, hex #22a388 is composed of 13.3% red, 63.9% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 0% magenta, 16.6% yellow and 36.1% black. It has a hue angle of 167.4 degrees, a saturation of 65.5% and a lightness of 38.6%. #22a388 color hex could be obtained by blending #44ffff with #004711. Closest websafe color is: #339999.
-
- R 13
- G 64
- B 53
-
- C 79
- M 0
- Y 17
- K 36
● #22a388 color description : Dark cyan.
#22a388 Color Conversion
The hexadecimal color #22a388 has RGB values of R:34, G:163, B:136 and CMYK values of C:0.79, M:0, Y:0.17, K:0.36. Its decimal value is 2270088.
Hex triplet | 22a388 | #22a388 |
---|---|---|
RGB Decimal | 34, 163, 136 | rgb(34,163,136) |
RGB Percent | 13.3, 63.9, 53.3 | rgb(13.3%,63.9%,53.3%) |
CMYK | 79, 0, 17, 36 | |
HSL | 167.4°, 65.5, 38.6 | hsl(167.4,65.5%,38.6%) |
HSV (or HSB) | 167.4°, 79.1, 63.9 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 60.168, -40.123, 4.45 |
---|---|
XYZ | 18.199, 28.31, 27.796 |
xyY | 0.245, 0.381, 28.31 |
CIE-LCH | 60.168, 40.369, 173.671 |
CIE-LUV | 60.168, -46.545, 12.387 |
Hunter-Lab | 53.207, -32.058, 6.271 |
Binary | 00100010, 10100011, 10001000 |
Color Schemes with #22a388
Alternatives to #22a388
Below, you can see some colors close to #22a388. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22a388 Preview
This text has a font color of #22a388.
<span style="color:#22a388;">Text here</span>
This paragraph has a background color of #22a388.
<p style="background-color:#22a388;">Content here</p>
This element has a border color of #22a388.
<div style="border:1px solid #22a388;">Content here</div>
.text {color:#22a388;}
.background {background-color:#22a388;}
.border {border:1px solid #22a388;}
Shades and Tints of #22a388
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, #000101 is the darkest color, while #effcf9 is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#04110e
#04110e
rgb(4,17,14)
-
#07211c
#07211c
rgb(7,33,28)
-
#0a3129
#0a3129
rgb(10,49,41)
-
#0e4237
#0e4237
rgb(14,66,55)
-
#115244
#115244
rgb(17,82,68)
-
#146252
#146252
rgb(20,98,82)
-
#18725f
#18725f
rgb(24,114,95)
-
#1b836d
#1b836d
rgb(27,131,109)
-
#1f937a
#1f937a
rgb(31,147,122)
-
#22a388
#22a388
rgb(34,163,136)
-
#25b396
#25b396
rgb(37,179,150)
-
#29c3a3
#29c3a3
rgb(41,195,163)
-
#2dd3b0
#2dd3b0
rgb(45,211,176)
-
#3dd7b6
#3dd7b6
rgb(61,215,182)
-
#4ddabc
#4ddabc
rgb(77,218,188)
-
#5dddc3
#5dddc3
rgb(93,221,195)
-
#6ee1c9
#6ee1c9
rgb(110,225,201)
-
#7ee4cf
#7ee4cf
rgb(126,228,207)
-
#8ee7d5
#8ee7d5
rgb(142,231,213)
-
#9eebdb
#9eebdb
rgb(158,235,219)
-
#afeee1
#afeee1
rgb(175,238,225)
-
#bff2e7
#bff2e7
rgb(191,242,231)
-
#cff5ed
#cff5ed
rgb(207,245,237)
-
#dff8f3
#dff8f3
rgb(223,248,243)
-
#effcf9
#effcf9
rgb(239,252,249)
Tones of #22a388
A tone is produced by adding gray to any pure hue. In this case, #5f6665 is the less saturated color, while #04c19a is the most saturated one.
-
#5f6665
#5f6665
rgb(95,102,101)
-
#576e69
#576e69
rgb(87,110,105)
-
#4f766e
#4f766e
rgb(79,118,110)
-
#487d72
#487d72
rgb(72,125,114)
-
#408576
#408576
rgb(64,133,118)
-
#398c7b
#398c7b
rgb(57,140,123)
-
#31947f
#31947f
rgb(49,148,127)
-
#2a9b84
#2a9b84
rgb(42,155,132)
-
#22a388
#22a388
rgb(34,163,136)
-
#1aab8c
#1aab8c
rgb(26,171,140)
-
#13b291
#13b291
rgb(19,178,145)
-
#0bba95
#0bba95
rgb(11,186,149)
-
#04c19a
#04c19a
rgb(4,193,154)
Color Blindness Simulator
Below, you can see how #22a388 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.