#22aded color information

#22aded color space conversions

Hex:
#22aded
RGB:
34, 173, 237
CMY:
87, 32, 7
CMYK:
86, 27, 0, 7
HSL:
199°, 84.9372%, 53.1373%
HSV (HSB):
199°, 85.6540%, 92.9412%
XYZ:
30.8893, 36.3416, 85.5074
xyY:
0.2022, 0.2379, 36.3416
CIE-Lab:
66.7801, -13.0473, -41.7960
CIE-LCH:
66.7801, 43.7852, 252.6634
CIE-Luv:
66.7801, -42.9115, -65.5193
Hunter-Lab:
60.2840, -14.0343, -41.8986

#22aded color charts

#22aded RGB chart
#22aded CMYK chart
#22aded RGB pie chart

#22aded color shades, tints & tones

#22aded color schemes

#22aded #ed6121
Complementary of #22aded
#21edc7 #22aded #2147ed
Analogous of #22aded
#edc721 #22aded #ed2147
Split complementary of #22aded
#aced21 #22aded #ed21ac
Triadic of #22aded
#47ed21 #22aded #c721ed #ed6121
Square of #22aded
#aced21 #22aded #6121ed #ed6121
Tetradic of #22aded

#22aded color preview, HTML & CSS examples

This text has a color of #22aded
<p style="color:#22aded;">Text here</p>
.mytext {color:#22aded;}
Text color #22aded
This box has a color of #22aded
<div style="background-color:#22aded;">Content here</div>
.mybackground {background-color:#22aded;}
Background color #22aded
Border around this has a color of #22aded
<div style="border:2px solid #22aded;">Content here</div>
.myborder {border:2px solid #22aded;}
Border color #22aded

Random colors

© ColorsDB.com, 2014-2018