#22a5e7 Color Information
In a RGB color space, hex #22a5e7 is composed of 13.3% red, 64.7% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 85.3% cyan, 28.6% magenta, 0% yellow and 9.4% black. It has a hue angle of 200.1 degrees, a saturation of 80.4% and a lightness of 52%. #22a5e7 color hex could be obtained by blending #44ffff with #004bcf. Closest websafe color is: #3399ff.
-
- R 13
- G 65
- B 91
-
- C 85
- M 29
- Y 0
- K 9
● #22a5e7 color description : Vivid blue.
#22a5e7 Color Conversion
The hexadecimal color #22a5e7 has RGB values of R:34, G:165, B:231 and CMYK values of C:0.85, M:0.29, Y:0, K:0.09. Its decimal value is 2270695.
Hex triplet | 22a5e7 | #22a5e7 |
---|---|---|
RGB Decimal | 34, 165, 231 | rgb(34,165,231) |
RGB Percent | 13.3, 64.7, 90.6 | rgb(13.3%,64.7%,90.6%) |
CMYK | 85, 29, 0, 9 | |
HSL | 200.1°, 80.4, 52 | hsl(200.1,80.4%,52%) |
HSV (or HSB) | 200.1°, 85.3, 90.6 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 64.175, -10.783, -42.588 |
---|---|
XYZ | 28.535, 33.017, 80.466 |
xyY | 0.201, 0.232, 33.017 |
CIE-LCH | 64.175, 43.932, 255.792 |
CIE-LUV | 64.175, -40.608, -66.738 |
Hunter-Lab | 57.461, -11.913, -42.805 |
Binary | 00100010, 10100101, 11100111 |
Color Schemes with #22a5e7
Alternatives to #22a5e7
Below, you can see some colors close to #22a5e7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22a5e7 Preview
This text has a font color of #22a5e7.
<span style="color:#22a5e7;">Text here</span>
This paragraph has a background color of #22a5e7.
<p style="background-color:#22a5e7;">Content here</p>
This element has a border color of #22a5e7.
<div style="border:1px solid #22a5e7;">Content here</div>
.text {color:#22a5e7;}
.background {background-color:#22a5e7;}
.border {border:1px solid #22a5e7;}
Shades and Tints of #22a5e7
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)
-
#072c3e
#072c3e
rgb(7,44,62)
-
#093850
#093850
rgb(9,56,80)
-
#0b4461
#0b4461
rgb(11,68,97)
-
#0d5173
#0d5173
rgb(13,81,115)
-
#0e5d85
#0e5d85
rgb(14,93,133)
-
#106a97
#106a97
rgb(16,106,151)
-
#1276a8
#1276a8
rgb(18,118,168)
-
#1482ba
#1482ba
rgb(20,130,186)
-
#168fcc
#168fcc
rgb(22,143,204)
-
#189bdd
#189bdd
rgb(24,155,221)
-
#22a5e7
#22a5e7
rgb(34,165,231)
-
#34ace9
#34ace9
rgb(52,172,233)
-
#45b3eb
#45b3eb
rgb(69,179,235)
-
#57bbed
#57bbed
rgb(87,187,237)
-
#69c2ef
#69c2ef
rgb(105,194,239)
-
#7ac9f1
#7ac9f1
rgb(122,201,241)
-
#8cd0f3
#8cd0f3
rgb(140,208,243)
-
#9ed7f4
#9ed7f4
rgb(158,215,244)
-
#b0dff6
#b0dff6
rgb(176,223,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 #22a5e7
A tone is produced by adding gray to any pure hue. In this case, #808689 is the less saturated color, while #0fabfa 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)
-
#4899c1
#4899c1
rgb(72,153,193)
-
#3e9ccb
#3e9ccb
rgb(62,156,203)
-
#359fd4
#359fd4
rgb(53,159,212)
-
#2ba2de
#2ba2de
rgb(43,162,222)
-
#22a5e7
#22a5e7
rgb(34,165,231)
-
#19a8f0
#19a8f0
rgb(25,168,240)
-
#0fabfa
#0fabfa
rgb(15,171,250)
Color Blindness Simulator
Below, you can see how #22a5e7 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.