#22a5bb color information

#22a5bb color space conversions

Hex:
#22a5bb
RGB:
34, 165, 187
CMY:
87, 35, 27
CMYK:
82, 12, 0, 27
HSL:
189°, 69.2308%, 43.3333%
HSV (HSB):
189°, 81.8182%, 73.3333%
XYZ:
23.0845, 30.8382, 51.7494
xyY:
0.2185, 0.2918, 30.8382
CIE-Lab:
62.3708, -25.8465, -20.9571
CIE-LCH:
62.3708, 33.2753, 219.0362
CIE-Luv:
62.3708, -43.5944, -28.6113
Hunter-Lab:
55.5322, -22.9796, -16.3788

#22a5bb color charts

#22a5bb RGB chart
#22a5bb CMYK chart
#22a5bb RGB pie chart

#22a5bb color shades, tints & tones

#22a5bb color schemes

#22a5bb #bb3821
Complementary of #22a5bb
#21bb84 #22a5bb #2158bb
Analogous of #22a5bb
#bb8421 #22a5bb #bb2158
Split complementary of #22a5bb
#a4bb21 #22a5bb #bb21a4
Triadic of #22a5bb
#58bb21 #22a5bb #8421bb #bb3821
Square of #22a5bb
#a4bb21 #22a5bb #3721bb #bb3821
Tetradic of #22a5bb

#22a5bb color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018