#22aadd color information

#22aadd color space conversions

Hex:
#22aadd
RGB:
34, 170, 221
CMY:
87, 33, 13
CMYK:
85, 23, 0, 13
HSL:
196°, 73.3333%, 50.0000%
HSV (HSB):
196°, 84.6154%, 86.6667%
XYZ:
28.0856, 34.3100, 73.5488
xyY:
0.2066, 0.2524, 34.3100
CIE-Lab:
65.2079, -17.0028, -35.4695
CIE-LCH:
65.2079, 39.3342, 244.3886
CIE-Luv:
65.2079, -42.9581, -54.1121
Hunter-Lab:
58.5747, -16.9182, -33.4446

#22aadd color charts

#22aadd RGB chart
#22aadd CMYK chart
#22aadd RGB pie chart

#22aadd color shades, tints & tones

#22aadd color schemes

#22aadd #dd5421
Complementary of #22aadd
#21ddb2 #22aadd #214cdd
Analogous of #22aadd
#ddb221 #22aadd #dd214c
Split complementary of #22aadd
#aadd21 #22aadd #dd21aa
Triadic of #22aadd
#4cdd21 #22aadd #b221dd #dd5421
Square of #22aadd
#aadd21 #22aadd #5421dd #dd5421
Tetradic of #22aadd

#22aadd color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018