#22a4f0 color information

#22a4f0 color space conversions

Hex:
#22a4f0
RGB:
34, 164, 240
CMY:
87, 36, 6
CMYK:
86, 32, 0, 6
HSL:
202°, 87.2881%, 53.7255%
HSV (HSB):
202°, 85.8333%, 94.1176%
XYZ:
29.6633, 33.1823, 87.2795
xyY:
0.1976, 0.2210, 33.1823
CIE-Lab:
64.3082, -7.0020, -47.3240
CIE-LCH:
64.3082, 47.8392, 261.5837
CIE-Luv:
64.3082, -39.7106, -75.1941
Hunter-Lab:
57.6041, -8.8882, -49.5111

#22a4f0 color charts

#22a4f0 RGB chart
#22a4f0 CMYK chart
#22a4f0 RGB pie chart

#22a4f0 color shades, tints & tones

#22a4f0 color schemes

#22a4f0 #f06d21
Complementary of #22a4f0
#21f0d4 #22a4f0 #213cf0
Analogous of #22a4f0
#f0d421 #22a4f0 #f0213c
Split complementary of #22a4f0
#a4f021 #22a4f0 #f021a3
Triadic of #22a4f0
#3cf021 #22a4f0 #d421f0 #f06d21
Square of #22a4f0
#a4f021 #22a4f0 #6d21f0 #f06d21
Tetradic of #22a4f0

#22a4f0 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018