#22a2b4 Color Information
In a RGB color space, hex #22a2b4 is composed of 13.3% red, 63.5% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 10% magenta, 0% yellow and 29.4% black. It has a hue angle of 187.4 degrees, a saturation of 68.2% and a lightness of 42%. #22a2b4 color hex could be obtained by blending #44ffff with #004569. Closest websafe color is: #3399cc.
-
- R 13
- G 64
- B 71
-
- C 81
- M 10
- Y 0
- K 29
● #22a2b4 color description : Strong cyan.
#22a2b4 Color Conversion
The hexadecimal color #22a2b4 has RGB values of R:34, G:162, B:180 and CMYK values of C:0.81, M:0.1, Y:0, K:0.29. Its decimal value is 2269876.
Hex triplet | 22a2b4 | #22a2b4 |
---|---|---|
RGB Decimal | 34, 162, 180 | rgb(34,162,180) |
RGB Percent | 13.3, 63.5, 70.6 | rgb(13.3%,63.5%,70.6%) |
CMYK | 81, 10, 0, 29 | |
HSL | 187.4°, 68.2, 42 | hsl(187.4,68.2%,42%) |
HSV (or HSB) | 187.4°, 81.1, 70.6 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 61.198, -26.612, -18.815 |
---|---|
XYZ | 21.816, 29.474, 47.717 |
xyY | 0.22, 0.298, 29.474 |
CIE-LCH | 61.198, 32.592, 215.261 |
CIE-LUV | 61.198, -43.037, -24.965 |
Hunter-Lab | 54.29, -23.279, -14.109 |
Binary | 00100010, 10100010, 10110100 |
Color Schemes with #22a2b4
Alternatives to #22a2b4
Below, you can see some colors close to #22a2b4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22a2b4 Preview
This text has a font color of #22a2b4.
<span style="color:#22a2b4;">Text here</span>
This paragraph has a background color of #22a2b4.
<p style="background-color:#22a2b4;">Content here</p>
This element has a border color of #22a2b4.
<div style="border:1px solid #22a2b4;">Content here</div>
.text {color:#22a2b4;}
.background {background-color:#22a2b4;}
.border {border:1px solid #22a2b4;}
Shades and Tints of #22a2b4
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, #030e0f is the darkest color, while #feffff is the lightest one.
-
#030e0f
#030e0f
rgb(3,14,15)
-
#061c20
#061c20
rgb(6,28,32)
-
#092b30
#092b30
rgb(9,43,48)
-
#0c3a41
#0c3a41
rgb(12,58,65)
-
#0f4951
#0f4951
rgb(15,73,81)
-
#125862
#125862
rgb(18,88,98)
-
#166772
#166772
rgb(22,103,114)
-
#197583
#197583
rgb(25,117,131)
-
#1c8493
#1c8493
rgb(28,132,147)
-
#1f93a4
#1f93a4
rgb(31,147,164)
-
#22a2b4
#22a2b4
rgb(34,162,180)
-
#25b1c4
#25b1c4
rgb(37,177,196)
-
#28c0d5
#28c0d5
rgb(40,192,213)
-
#38c5d9
#38c5d9
rgb(56,197,217)
-
#48cadc
#48cadc
rgb(72,202,220)
-
#59cfe0
#59cfe0
rgb(89,207,224)
-
#69d4e3
#69d4e3
rgb(105,212,227)
-
#7ad8e6
#7ad8e6
rgb(122,216,230)
-
#8adde9
#8adde9
rgb(138,221,233)
-
#9be2ec
#9be2ec
rgb(155,226,236)
-
#abe7ef
#abe7ef
rgb(171,231,239)
-
#bcecf2
#bcecf2
rgb(188,236,242)
-
#ccf0f5
#ccf0f5
rgb(204,240,245)
-
#ddf5f8
#ddf5f8
rgb(221,245,248)
-
#edfafc
#edfafc
rgb(237,250,252)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #22a2b4
A tone is produced by adding gray to any pure hue. In this case, #647072 is the less saturated color, while #01bbd5 is the most saturated one.
-
#647072
#647072
rgb(100,112,114)
-
#5c777a
#5c777a
rgb(92,119,122)
-
#537d83
#537d83
rgb(83,125,131)
-
#4b838b
#4b838b
rgb(75,131,139)
-
#438993
#438993
rgb(67,137,147)
-
#3b8f9b
#3b8f9b
rgb(59,143,155)
-
#3296a4
#3296a4
rgb(50,150,164)
-
#2a9cac
#2a9cac
rgb(42,156,172)
-
#22a2b4
#22a2b4
rgb(34,162,180)
-
#1aa8bc
#1aa8bc
rgb(26,168,188)
-
#12aec4
#12aec4
rgb(18,174,196)
-
#09b5cd
#09b5cd
rgb(9,181,205)
-
#01bbd5
#01bbd5
rgb(1,187,213)
Color Blindness Simulator
Below, you can see how #22a2b4 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.