#22a0d4 Color Information
In a RGB color space, hex #22a0d4 is composed of 13.3% red, 62.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 84% cyan, 24.5% magenta, 0% yellow and 16.9% black. It has a hue angle of 197.5 degrees, a saturation of 72.4% and a lightness of 48.2%. #22a0d4 color hex could be obtained by blending #44ffff with #0041a9. Closest websafe color is: #3399cc.
-
- R 13
- G 63
- B 83
-
- C 84
- M 25
- Y 0
- K 17
● #22a0d4 color description : Strong blue.
#22a0d4 Color Conversion
The hexadecimal color #22a0d4 has RGB values of R:34, G:160, B:212 and CMYK values of C:0.84, M:0.25, Y:0, K:0.17. Its decimal value is 2269396.
Hex triplet | 22a0d4 | #22a0d4 |
---|---|---|
RGB Decimal | 34, 160, 212 | rgb(34,160,212) |
RGB Percent | 13.3, 62.7, 83.1 | rgb(13.3%,62.7%,83.1%) |
CMYK | 84, 25, 0, 17 | |
HSL | 197.5°, 72.4, 48.2 | hsl(197.5,72.4%,48.2%) |
HSV (or HSB) | 197.5°, 84, 83.1 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 61.855, -14.747, -35.707 |
---|---|
XYZ | 25.111, 30.233, 66.796 |
xyY | 0.206, 0.248, 30.233 |
CIE-LCH | 61.855, 38.632, 247.559 |
CIE-LUV | 61.855, -40.132, -54.359 |
Hunter-Lab | 54.984, -14.703, -33.537 |
Binary | 00100010, 10100000, 11010100 |
Color Schemes with #22a0d4
Alternatives to #22a0d4
Below, you can see some colors close to #22a0d4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22a0d4 Preview
This text has a font color of #22a0d4.
<span style="color:#22a0d4;">Text here</span>
This paragraph has a background color of #22a0d4.
<p style="background-color:#22a0d4;">Content here</p>
This element has a border color of #22a0d4.
<div style="border:1px solid #22a0d4;">Content here</div>
.text {color:#22a0d4;}
.background {background-color:#22a0d4;}
.border {border:1px solid #22a0d4;}
Shades and Tints of #22a0d4
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, #010709 is the darkest color, while #f7fcfe is the lightest one.
-
#010709
#010709
rgb(1,7,9)
-
#04141a
#04141a
rgb(4,20,26)
-
#07202b
#07202b
rgb(7,32,43)
-
#0a2d3c
#0a2d3c
rgb(10,45,60)
-
#0c3a4d
#0c3a4d
rgb(12,58,77)
-
#0f475e
#0f475e
rgb(15,71,94)
-
#12536f
#12536f
rgb(18,83,111)
-
#14607f
#14607f
rgb(20,96,127)
-
#176d90
#176d90
rgb(23,109,144)
-
#1a7aa1
#1a7aa1
rgb(26,122,161)
-
#1d86b2
#1d86b2
rgb(29,134,178)
-
#1f93c3
#1f93c3
rgb(31,147,195)
-
#22a0d4
#22a0d4
rgb(34,160,212)
-
#2caadd
#2caadd
rgb(44,170,221)
-
#3db0e0
#3db0e0
rgb(61,176,224)
-
#4eb7e3
#4eb7e3
rgb(78,183,227)
-
#5fbee5
#5fbee5
rgb(95,190,229)
-
#70c5e8
#70c5e8
rgb(112,197,232)
-
#81cceb
#81cceb
rgb(129,204,235)
-
#92d3ed
#92d3ed
rgb(146,211,237)
-
#a3daf0
#a3daf0
rgb(163,218,240)
-
#b4e0f3
#b4e0f3
rgb(180,224,243)
-
#c5e7f6
#c5e7f6
rgb(197,231,246)
-
#d5eef8
#d5eef8
rgb(213,238,248)
-
#e6f5fb
#e6f5fb
rgb(230,245,251)
-
#f7fcfe
#f7fcfe
rgb(247,252,254)
Tones of #22a0d4
A tone is produced by adding gray to any pure hue. In this case, #777d7f is the less saturated color, while #06acf0 is the most saturated one.
-
#777d7f
#777d7f
rgb(119,125,127)
-
#6e8188
#6e8188
rgb(110,129,136)
-
#648492
#648492
rgb(100,132,146)
-
#5b889b
#5b889b
rgb(91,136,155)
-
#518ca5
#518ca5
rgb(81,140,165)
-
#4890ae
#4890ae
rgb(72,144,174)
-
#3e94b8
#3e94b8
rgb(62,148,184)
-
#3598c1
#3598c1
rgb(53,152,193)
-
#2b9ccb
#2b9ccb
rgb(43,156,203)
-
#22a0d4
#22a0d4
rgb(34,160,212)
-
#19a4dd
#19a4dd
rgb(25,164,221)
-
#0fa8e7
#0fa8e7
rgb(15,168,231)
-
#06acf0
#06acf0
rgb(6,172,240)
Color Blindness Simulator
Below, you can see how #22a0d4 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.