#22a4e7 Color Information
In a RGB color space, hex #22a4e7 is composed of 13.3% red, 64.3% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 85.3% cyan, 29% magenta, 0% yellow and 9.4% black. It has a hue angle of 200.4 degrees, a saturation of 80.4% and a lightness of 52%. #22a4e7 color hex could be obtained by blending #44ffff with #0049cf. Closest websafe color is: #3399ff.
-
- R 13
- G 64
- B 91
-
- C 85
- M 29
- Y 0
- K 9
● #22a4e7 color description : Vivid blue.
#22a4e7 Color Conversion
The hexadecimal color #22a4e7 has RGB values of R:34, G:164, B:231 and CMYK values of C:0.85, M:0.29, Y:0, K:0.09. Its decimal value is 2270439.
Hex triplet | 22a4e7 | #22a4e7 |
---|---|---|
RGB Decimal | 34, 164, 231 | rgb(34,164,231) |
RGB Percent | 13.3, 64.3, 90.6 | rgb(13.3%,64.3%,90.6%) |
CMYK | 85, 29, 0, 9 | |
HSL | 200.4°, 80.4, 52 | hsl(200.4,80.4%,52%) |
HSV (or HSB) | 200.4°, 85.3, 90.6 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 63.883, -10.229, -43.046 |
---|---|
XYZ | 28.355, 32.658, 80.406 |
xyY | 0.201, 0.231, 32.658 |
CIE-LCH | 63.883, 44.245, 256.633 |
CIE-LUV | 63.883, -40.271, -67.529 |
Hunter-Lab | 57.147, -11.439, -43.418 |
Binary | 00100010, 10100100, 11100111 |
Color Schemes with #22a4e7
Alternatives to #22a4e7
Below, you can see some colors close to #22a4e7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22a4e7 Preview
This text has a font color of #22a4e7.
<span style="color:#22a4e7;">Text here</span>
This paragraph has a background color of #22a4e7.
<p style="background-color:#22a4e7;">Content here</p>
This element has a border color of #22a4e7.
<div style="border:1px solid #22a4e7;">Content here</div>
.text {color:#22a4e7;}
.background {background-color:#22a4e7;}
.border {border:1px solid #22a4e7;}
Shades and Tints of #22a4e7
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, #010609 is the darkest color, while #f6fbfe is the lightest one.
-
#010609
#010609
rgb(1,6,9)
-
#03131b
#03131b
rgb(3,19,27)
-
#051f2c
#051f2c
rgb(5,31,44)
-
#072b3e
#072b3e
rgb(7,43,62)
-
#093850
#093850
rgb(9,56,80)
-
#0b4461
#0b4461
rgb(11,68,97)
-
#0d5073
#0d5073
rgb(13,80,115)
-
#0e5d85
#0e5d85
rgb(14,93,133)
-
#106997
#106997
rgb(16,105,151)
-
#1275a8
#1275a8
rgb(18,117,168)
-
#1482ba
#1482ba
rgb(20,130,186)
-
#168ecc
#168ecc
rgb(22,142,204)
-
#189add
#189add
rgb(24,154,221)
-
#22a4e7
#22a4e7
rgb(34,164,231)
-
#34abe9
#34abe9
rgb(52,171,233)
-
#45b3eb
#45b3eb
rgb(69,179,235)
-
#57baed
#57baed
rgb(87,186,237)
-
#69c1ef
#69c1ef
rgb(105,193,239)
-
#7ac8f1
#7ac8f1
rgb(122,200,241)
-
#8cd0f3
#8cd0f3
rgb(140,208,243)
-
#9ed7f4
#9ed7f4
rgb(158,215,244)
-
#b0def6
#b0def6
rgb(176,222,246)
-
#c1e6f8
#c1e6f8
rgb(193,230,248)
-
#d3edfa
#d3edfa
rgb(211,237,250)
-
#e5f4fc
#e5f4fc
rgb(229,244,252)
-
#f6fbfe
#f6fbfe
rgb(246,251,254)
Tones of #22a4e7
A tone is produced by adding gray to any pure hue. In this case, #808689 is the less saturated color, while #0faafa is the most saturated one.
-
#808689
#808689
rgb(128,134,137)
-
#778992
#778992
rgb(119,137,146)
-
#6d8c9c
#6d8c9c
rgb(109,140,156)
-
#648fa5
#648fa5
rgb(100,143,165)
-
#5b92ae
#5b92ae
rgb(91,146,174)
-
#5195b8
#5195b8
rgb(81,149,184)
-
#4898c1
#4898c1
rgb(72,152,193)
-
#3e9bcb
#3e9bcb
rgb(62,155,203)
-
#359ed4
#359ed4
rgb(53,158,212)
-
#2ba1de
#2ba1de
rgb(43,161,222)
-
#22a4e7
#22a4e7
rgb(34,164,231)
-
#19a7f0
#19a7f0
rgb(25,167,240)
-
#0faafa
#0faafa
rgb(15,170,250)
Color Blindness Simulator
Below, you can see how #22a4e7 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.