#22aed2 color information

#22aed2 color space conversions

Hex:
#22aed2
RGB:
34, 174, 210
CMY:
87, 32, 18
CMYK:
84, 17, 0, 18
HSL:
192°, 72.1311%, 47.8431%
HSV (HSB):
192°, 83.8095%, 82.3529%
XYZ:
27.4286, 35.2653, 66.3340
xyY:
0.2126, 0.2733, 35.2653
CIE-Lab:
65.9547, -22.8391, -28.2452
CIE-LCH:
65.9547, 36.3238, 231.0409
CIE-Luv:
65.9547, -45.1013, -41.3130
Hunter-Lab:
59.3846, -21.4774, -24.6591

#22aed2 color charts

#22aed2 RGB chart
#22aed2 CMYK chart
#22aed2 RGB pie chart

#22aed2 color shades, tints & tones

#22aed2 color schemes

#22aed2 #d14622
Complementary of #22aed2
#22d19e #22aed2 #2255d1
Analogous of #22aed2
#d19d22 #22aed2 #d12255
Split complementary of #22aed2
#add122 #22aed2 #d122ad
Triadic of #22aed2
#55d122 #22aed2 #9e22d1 #d14622
Square of #22aed2
#add122 #22aed2 #4522d1 #d14622
Tetradic of #22aed2

#22aed2 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018