#22a5e8 Color Information
In a RGB color space, hex #22a5e8 is composed of 13.3% red, 64.7% green and 91% blue. Whereas in a CMYK color space, it is composed of 85.3% cyan, 28.9% magenta, 0% yellow and 9% black. It has a hue angle of 200.3 degrees, a saturation of 81.1% and a lightness of 52.2%. #22a5e8 color hex could be obtained by blending #44ffff with #004bd1. Closest websafe color is: #3399ff.
-
- R 13
- G 65
- B 91
-
- C 85
- M 29
- Y 0
- K 9
● #22a5e8 color description : Vivid blue.
#22a5e8 Color Conversion
The hexadecimal color #22a5e8 has RGB values of R:34, G:165, B:232 and CMYK values of C:0.85, M:0.29, Y:0, K:0.09. Its decimal value is 2270696.
Hex triplet | 22a5e8 | #22a5e8 |
---|---|---|
RGB Decimal | 34, 165, 232 | rgb(34,165,232) |
RGB Percent | 13.3, 64.7, 91 | rgb(13.3%,64.7%,91%) |
CMYK | 85, 29, 0, 9 | |
HSL | 200.3°, 81.1, 52.2 | hsl(200.3,81.1%,52.2%) |
HSV (or HSB) | 200.3°, 85.3, 91 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 64.221, -10.428, -43.066 |
---|---|
XYZ | 28.677, 33.074, 81.212 |
xyY | 0.201, 0.231, 33.074 |
CIE-LCH | 64.221, 44.31, 256.389 |
CIE-LUV | 64.221, -40.545, -67.594 |
Hunter-Lab | 57.51, -11.635, -43.469 |
Binary | 00100010, 10100101, 11101000 |
Color Schemes with #22a5e8
Alternatives to #22a5e8
Below, you can see some colors close to #22a5e8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22a5e8 Preview
This text has a font color of #22a5e8.
<span style="color:#22a5e8;">Text here</span>
This paragraph has a background color of #22a5e8.
<p style="background-color:#22a5e8;">Content here</p>
This element has a border color of #22a5e8.
<div style="border:1px solid #22a5e8;">Content here</div>
.text {color:#22a5e8;}
.background {background-color:#22a5e8;}
.border {border:1px solid #22a5e8;}
Shades and Tints of #22a5e8
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, #01070a is the darkest color, while #f7fcfe is the lightest one.
-
#01070a
#01070a
rgb(1,7,10)
-
#03131c
#03131c
rgb(3,19,28)
-
#05202d
#05202d
rgb(5,32,45)
-
#072c3f
#072c3f
rgb(7,44,63)
-
#083851
#083851
rgb(8,56,81)
-
#0a4563
#0a4563
rgb(10,69,99)
-
#0c5175
#0c5175
rgb(12,81,117)
-
#0e5e86
#0e5e86
rgb(14,94,134)
-
#106a98
#106a98
rgb(16,106,152)
-
#1276aa
#1276aa
rgb(18,118,170)
-
#1483bc
#1483bc
rgb(20,131,188)
-
#158fcd
#158fcd
rgb(21,143,205)
-
#179cdf
#179cdf
rgb(23,156,223)
-
#22a5e8
#22a5e8
rgb(34,165,232)
-
#34acea
#34acea
rgb(52,172,234)
-
#46b3ec
#46b3ec
rgb(70,179,236)
-
#57bbee
#57bbee
rgb(87,187,238)
-
#69c2ef
#69c2ef
rgb(105,194,239)
-
#7bc9f1
#7bc9f1
rgb(123,201,241)
-
#8dd0f3
#8dd0f3
rgb(141,208,243)
-
#9ed8f5
#9ed8f5
rgb(158,216,245)
-
#b0dff7
#b0dff7
rgb(176,223,247)
-
#c2e6f9
#c2e6f9
rgb(194,230,249)
-
#d4edfa
#d4edfa
rgb(212,237,250)
-
#e5f5fc
#e5f5fc
rgb(229,245,252)
-
#f7fcfe
#f7fcfe
rgb(247,252,254)
Tones of #22a5e8
A tone is produced by adding gray to any pure hue. In this case, #80878a is the less saturated color, while #0fabfb is the most saturated one.
-
#80878a
#80878a
rgb(128,135,138)
-
#768a94
#768a94
rgb(118,138,148)
-
#6d8d9d
#6d8d9d
rgb(109,141,157)
-
#6490a6
#6490a6
rgb(100,144,166)
-
#5a93b0
#5a93b0
rgb(90,147,176)
-
#5196b9
#5196b9
rgb(81,150,185)
-
#4899c2
#4899c2
rgb(72,153,194)
-
#3e9ccc
#3e9ccc
rgb(62,156,204)
-
#359fd5
#359fd5
rgb(53,159,213)
-
#2ba2df
#2ba2df
rgb(43,162,223)
-
#22a5e8
#22a5e8
rgb(34,165,232)
-
#19a8f1
#19a8f1
rgb(25,168,241)
-
#0fabfb
#0fabfb
rgb(15,171,251)
Color Blindness Simulator
Below, you can see how #22a5e8 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.