#22aad4 color information

#22aad4 color space conversions

Hex:
#22aad4
RGB:
34, 170, 212
CMY:
87, 33, 17
CMYK:
84, 20, 0, 17
HSL:
194°, 72.3577%, 48.2353%
HSV (HSB):
194°, 83.9623%, 83.1373%
XYZ:
26.9181, 33.8430, 67.4010
xyY:
0.2100, 0.2641, 33.8430
CIE-Lab:
64.8378, -20.0875, -31.0752
CIE-LCH:
64.8378, 37.0024, 237.1208
CIE-Luv:
64.8378, -43.5758, -46.2962
Hunter-Lab:
58.1747, -19.2119, -27.9708

#22aad4 color charts

#22aad4 RGB chart
#22aad4 CMYK chart
#22aad4 RGB pie chart

#22aad4 color shades, tints & tones

#22aad4 color schemes

#22aad4 #d44b21
Complementary of #22aad4
#21d4a4 #22aad4 #2151d4
Analogous of #22aad4
#d4a421 #22aad4 #d42151
Split complementary of #22aad4
#aad421 #22aad4 #d421aa
Triadic of #22aad4
#51d421 #22aad4 #a421d4 #d44b21
Square of #22aad4
#aad421 #22aad4 #4b21d4 #d44b21
Tetradic of #22aad4

#22aad4 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018