#22b0ff color information

#22b0ff color space conversions

Hex:
#22b0ff
RGB:
34, 176, 255
CMY:
87, 31, 0
CMYK:
87, 31, 0, 0
HSL:
201°, 100.0000%, 56.6667%
HSV (HSB):
201°, 86.6667%, 100.0000%
XYZ:
34.2350, 38.6107, 100.2560
xyY:
0.1978, 0.2231, 38.6107
CIE-Lab:
68.4684, -8.3357, -48.9368
CIE-LCH:
68.4684, 49.6416, 260.3332
CIE-Luv:
68.4684, -42.7614, -78.5158
Hunter-Lab:
62.1375, -10.3952, -52.1653

#22b0ff color charts

#22b0ff RGB chart
#22b0ff CMYK chart
#22b0ff RGB pie chart

#22b0ff color shades, tints & tones

#22b0ff color schemes

#22b0ff #ff7121
Complementary of #22b0ff
#21ffdf #22b0ff #2141ff
Analogous of #22b0ff
#ffdf21 #22b0ff #ff2141
Split complementary of #22b0ff
#afff21 #22b0ff #ff21af
Triadic of #22b0ff
#41ff21 #22b0ff #df21ff #ff7121
Square of #22b0ff
#afff21 #22b0ff #7121ff #ff7121
Tetradic of #22b0ff

#22b0ff color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018