#569af2 color information

#569af2 color space conversions

Hex:
#569af2
RGB:
86, 154, 242
CMY:
66, 40, 5
CMYK:
64, 36, 0, 5
HSL:
214°, 85.7143%, 64.3137%
HSV (HSB):
214°, 64.4628%, 94.9020%
XYZ:
31.4204, 31.5004, 88.4286
xyY:
0.2076, 0.2081, 31.5004
CIE-Lab:
62.9278, 5.5163, -50.5157
CIE-LCH:
62.9278, 50.8160, 276.2320
CIE-Luv:
62.9278, -28.1823, -81.6201
Hunter-Lab:
56.1253, 1.7097, -54.1271

#569af2 color charts

#569af2 RGB chart
#569af2 CMYK chart
#569af2 RGB pie chart

#569af2 color shades, tints & tones

#569af2 color schemes

#569af2 #f2ae55
Complementary of #569af2
#55e8f2 #569af2 #5f55f2
Analogous of #569af2
#e8f255 #569af2 #f25f55
Split complementary of #569af2
#99f255 #569af2 #f25599
Triadic of #569af2
#55f260 #569af2 #f255e8 #f2ae55
Square of #569af2
#99f255 #569af2 #ad55f2 #f2ae55
Tetradic of #569af2

#569af2 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018