#22a0ee Color Information
In a RGB color space, hex #22a0ee is composed of 13.3% red, 62.7% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 85.7% cyan, 32.8% magenta, 0% yellow and 6.7% black. It has a hue angle of 202.9 degrees, a saturation of 85.7% and a lightness of 53.3%. #22a0ee color hex could be obtained by blending #44ffff with #0041dd. Closest websafe color is: #3399ff.
-
- R 13
- G 63
- B 93
-
- C 86
- M 33
- Y 0
- K 7
● #22a0ee color description : Vivid blue.
#22a0ee Color Conversion
The hexadecimal color #22a0ee has RGB values of R:34, G:160, B:238 and CMYK values of C:0.86, M:0.33, Y:0, K:0.07. Its decimal value is 2269422.
Hex triplet | 22a0ee | #22a0ee |
---|---|---|
RGB Decimal | 34, 160, 238 | rgb(34,160,238) |
RGB Percent | 13.3, 62.7, 93.3 | rgb(13.3%,62.7%,93.3%) |
CMYK | 86, 33, 0, 7 | |
HSL | 202.9°, 85.7, 53.3 | hsl(202.9,85.7%,53.3%) |
HSV (or HSB) | 202.9°, 85.7, 93.3 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 63.054, -5.468, -48.203 |
---|---|
XYZ | 28.659, 31.652, 85.483 |
xyY | 0.197, 0.217, 31.652 |
CIE-LCH | 63.054, 48.512, 263.529 |
CIE-LUV | 63.054, -38.509, -76.605 |
Hunter-Lab | 56.26, -7.526, -50.705 |
Binary | 00100010, 10100000, 11101110 |
Color Schemes with #22a0ee
Alternatives to #22a0ee
Below, you can see some colors close to #22a0ee. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22a0ee Preview
This text has a font color of #22a0ee.
<span style="color:#22a0ee;">Text here</span>
This paragraph has a background color of #22a0ee.
<p style="background-color:#22a0ee;">Content here</p>
This element has a border color of #22a0ee.
<div style="border:1px solid #22a0ee;">Content here</div>
.text {color:#22a0ee;}
.background {background-color:#22a0ee;}
.border {border:1px solid #22a0ee;}
Shades and Tints of #22a0ee
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, #010a10 is the darkest color, while #fdfeff is the lightest one.
-
#010a10
#010a10
rgb(1,10,16)
-
#031622
#031622
rgb(3,22,34)
-
#042234
#042234
rgb(4,34,52)
-
#052e46
#052e46
rgb(5,46,70)
-
#073959
#073959
rgb(7,57,89)
-
#08456b
#08456b
rgb(8,69,107)
-
#0a517d
#0a517d
rgb(10,81,125)
-
#0b5d8f
#0b5d8f
rgb(11,93,143)
-
#0c69a2
#0c69a2
rgb(12,105,162)
-
#0e74b4
#0e74b4
rgb(14,116,180)
-
#0f80c6
#0f80c6
rgb(15,128,198)
-
#118cd8
#118cd8
rgb(17,140,216)
-
#1298ea
#1298ea
rgb(18,152,234)
-
#22a0ee
#22a0ee
rgb(34,160,238)
-
#34a8ef
#34a8ef
rgb(52,168,239)
-
#46b0f1
#46b0f1
rgb(70,176,241)
-
#59b7f2
#59b7f2
rgb(89,183,242)
-
#6bbff4
#6bbff4
rgb(107,191,244)
-
#7dc7f5
#7dc7f5
rgb(125,199,245)
-
#8fcff6
#8fcff6
rgb(143,207,246)
-
#a2d7f8
#a2d7f8
rgb(162,215,248)
-
#b4dff9
#b4dff9
rgb(180,223,249)
-
#c6e6fb
#c6e6fb
rgb(198,230,251)
-
#d8eefc
#d8eefc
rgb(216,238,252)
-
#eaf6fd
#eaf6fd
rgb(234,246,253)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #22a0ee
A tone is produced by adding gray to any pure hue. In this case, #878889 is the less saturated color, while #19a2f7 is the most saturated one.
-
#878889
#878889
rgb(135,136,137)
-
#7e8a92
#7e8a92
rgb(126,138,146)
-
#748d9c
#748d9c
rgb(116,141,156)
-
#6b8fa5
#6b8fa5
rgb(107,143,165)
-
#6291ae
#6291ae
rgb(98,145,174)
-
#5993b7
#5993b7
rgb(89,147,183)
-
#5095c0
#5095c0
rgb(80,149,192)
-
#4797c9
#4797c9
rgb(71,151,201)
-
#3d9ad3
#3d9ad3
rgb(61,154,211)
-
#349cdc
#349cdc
rgb(52,156,220)
-
#2b9ee5
#2b9ee5
rgb(43,158,229)
-
#22a0ee
#22a0ee
rgb(34,160,238)
-
#19a2f7
#19a2f7
rgb(25,162,247)
Color Blindness Simulator
Below, you can see how #22a0ee 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.