#22a4ff color information

#22a4ff color space conversions

Hex:
#22a4ff
RGB:
34, 164, 255
CMY:
87, 36, 0
CMYK:
87, 36, 0, 0
HSL:
205°, 100.0000%, 56.6667%
HSV (HSB):
205°, 86.6667%, 100.0000%
XYZ:
31.9851, 34.1110, 99.5060
xyY:
0.1931, 0.2060, 34.1110
CIE-Lab:
65.0506, -1.5743, -54.3431
CIE-LCH:
65.0506, 54.3659, 268.3406
CIE-Luv:
65.0506, -38.8340, -87.7812
Hunter-Lab:
58.4046, -4.4530, -60.1312

#22a4ff color charts

#22a4ff RGB chart
#22a4ff CMYK chart
#22a4ff RGB pie chart

#22a4ff color shades, tints & tones

#22a4ff color schemes

#22a4ff #ff7c21
Complementary of #22a4ff
#21ffeb #22a4ff #2135ff
Analogous of #22a4ff
#ffeb21 #22a4ff #ff2135
Split complementary of #22a4ff
#a3ff21 #22a4ff #ff21a3
Triadic of #22a4ff
#35ff21 #22a4ff #eb21ff #ff7c21
Square of #22a4ff
#a3ff21 #22a4ff #7c21ff #ff7c21
Tetradic of #22a4ff

#22a4ff color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018