#22aad2 color information

#22aad2 color space conversions

Hex:
#22aad2
RGB:
34, 170, 210
CMY:
87, 33, 18
CMYK:
84, 19, 0, 18
HSL:
194°, 72.1311%, 47.8431%
HSV (HSB):
194°, 83.8095%, 82.3529%
XYZ:
26.6673, 33.7427, 66.0802
xyY:
0.2108, 0.2668, 33.7427
CIE-Lab:
64.7578, -20.7658, -30.0924
CIE-LCH:
64.7578, 36.5619, 235.3917
CIE-Luv:
64.7578, -43.7150, -44.5568
Hunter-Lab:
58.0884, -19.7089, -26.7852

#22aad2 color charts

#22aad2 RGB chart
#22aad2 CMYK chart
#22aad2 RGB pie chart

#22aad2 color shades, tints & tones

#22aad2 color schemes

#22aad2 #d14a22
Complementary of #22aad2
#22d1a2 #22aad2 #2251d1
Analogous of #22aad2
#d1a222 #22aad2 #d12251
Split complementary of #22aad2
#a9d122 #22aad2 #d122a9
Triadic of #22aad2
#51d122 #22aad2 #a222d1 #d14a22
Square of #22aad2
#a9d122 #22aad2 #4922d1 #d14a22
Tetradic of #22aad2

#22aad2 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018