#22a9bc Color Information
In a RGB color space, hex #22a9bc is composed of 13.3% red, 66.3% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 10.1% magenta, 0% yellow and 26.3% black. It has a hue angle of 187.4 degrees, a saturation of 69.4% and a lightness of 43.5%. #22a9bc color hex could be obtained by blending #44ffff with #005379. Closest websafe color is: #3399cc.
-
- R 13
- G 66
- B 74
-
- C 82
- M 10
- Y 0
- K 26
● #22a9bc color description : Strong cyan.
#22a9bc Color Conversion
The hexadecimal color #22a9bc has RGB values of R:34, G:169, B:188 and CMYK values of C:0.82, M:0.1, Y:0, K:0.26. Its decimal value is 2271676.
Hex triplet | 22a9bc | #22a9bc |
---|---|---|
RGB Decimal | 34, 169, 188 | rgb(34,169,188) |
RGB Percent | 13.3, 66.3, 73.7 | rgb(13.3%,66.3%,73.7%) |
CMYK | 82, 10, 0, 26 | |
HSL | 187.4°, 69.4, 43.5 | hsl(187.4,69.4%,43.5%) |
HSV (or HSB) | 187.4°, 81.9, 73.7 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 63.627, -27.531, -19.599 |
---|---|
XYZ | 23.922, 32.345, 52.557 |
xyY | 0.22, 0.297, 32.345 |
CIE-LCH | 63.627, 33.795, 215.447 |
CIE-LUV | 63.627, -44.936, -26.259 |
Hunter-Lab | 56.872, -24.444, -14.98 |
Binary | 00100010, 10101001, 10111100 |
Color Schemes with #22a9bc
Alternatives to #22a9bc
Below, you can see some colors close to #22a9bc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22a9bc Preview
This text has a font color of #22a9bc.
<span style="color:#22a9bc;">Text here</span>
This paragraph has a background color of #22a9bc.
<p style="background-color:#22a9bc;">Content here</p>
This element has a border color of #22a9bc.
<div style="border:1px solid #22a9bc;">Content here</div>
.text {color:#22a9bc;}
.background {background-color:#22a9bc;}
.border {border:1px solid #22a9bc;}
Shades and Tints of #22a9bc
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, #010505 is the darkest color, while #f4fcfd is the lightest one.
-
#010505
#010505
rgb(1,5,5)
-
#041416
#041416
rgb(4,20,22)
-
#072326
#072326
rgb(7,35,38)
-
#0a3237
#0a3237
rgb(10,50,55)
-
#0d4048
#0d4048
rgb(13,64,72)
-
#104f58
#104f58
rgb(16,79,88)
-
#135e69
#135e69
rgb(19,94,105)
-
#166d7a
#166d7a
rgb(22,109,122)
-
#197c8a
#197c8a
rgb(25,124,138)
-
#1c8b9b
#1c8b9b
rgb(28,139,155)
-
#1f9aab
#1f9aab
rgb(31,154,171)
-
#22a9bc
#22a9bc
rgb(34,169,188)
-
#25b8cd
#25b8cd
rgb(37,184,205)
-
#2cc4d9
#2cc4d9
rgb(44,196,217)
-
#3dc8dc
#3dc8dc
rgb(61,200,220)
-
#4ecddf
#4ecddf
rgb(78,205,223)
-
#5ed2e2
#5ed2e2
rgb(94,210,226)
-
#6fd6e5
#6fd6e5
rgb(111,214,229)
-
#7fdbe8
#7fdbe8
rgb(127,219,232)
-
#90e0eb
#90e0eb
rgb(144,224,235)
-
#a1e4ee
#a1e4ee
rgb(161,228,238)
-
#b1e9f1
#b1e9f1
rgb(177,233,241)
-
#c2eef4
#c2eef4
rgb(194,238,244)
-
#d2f2f7
#d2f2f7
rgb(210,242,247)
-
#e3f7fa
#e3f7fa
rgb(227,247,250)
-
#f4fcfd
#f4fcfd
rgb(244,252,253)
Tones of #22a9bc
A tone is produced by adding gray to any pure hue. In this case, #6f6f6f is the less saturated color, while #08bcd6 is the most saturated one.
-
#6f6f6f
#6f6f6f
rgb(111,111,111)
-
#667678
#667678
rgb(102,118,120)
-
#5e7c80
#5e7c80
rgb(94,124,128)
-
#558289
#558289
rgb(85,130,137)
-
#4d8991
#4d8991
rgb(77,137,145)
-
#448f9a
#448f9a
rgb(68,143,154)
-
#3c96a2
#3c96a2
rgb(60,150,162)
-
#339cab
#339cab
rgb(51,156,171)
-
#2ba3b3
#2ba3b3
rgb(43,163,179)
-
#22a9bc
#22a9bc
rgb(34,169,188)
-
#19afc5
#19afc5
rgb(25,175,197)
-
#11b6cd
#11b6cd
rgb(17,182,205)
-
#08bcd6
#08bcd6
rgb(8,188,214)
Color Blindness Simulator
Below, you can see how #22a9bc 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.