#558bf2 color information

#558bf2 color space conversions

Hex:
#558bf2
RGB:
85, 139, 242
CMY:
67, 45, 5
CMYK:
65, 43, 0, 5
HSL:
219°, 85.7923%, 64.1176%
HSV (HSB):
219°, 64.8760%, 94.9020%
XYZ:
29.0059, 26.8073, 87.6500
xyY:
0.2022, 0.1869, 26.8073
CIE-Lab:
58.7956, 14.2353, -57.0911
CIE-LCH:
58.7956, 58.8391, 284.0009
CIE-Luv:
58.7956, -23.4458, -92.2743
Hunter-Lab:
51.7758, 9.3920, -64.1275

#558bf2 color charts

#558bf2 RGB chart
#558bf2 CMYK chart
#558bf2 RGB pie chart

#558bf2 color shades, tints & tones

#558bf2 color schemes

#558bf2 #f1bb55
Complementary of #558bf2
#55d9f1 #558bf2 #6d55f1
Analogous of #558bf2
#d9f155 #558bf2 #f16d55
Split complementary of #558bf2
#8bf155 #558bf2 #f1558b
Triadic of #558bf2
#55f16d #558bf2 #f155d9 #f1bb55
Square of #558bf2
#8bf155 #558bf2 #bb55f1 #f1bb55
Tetradic of #558bf2

#558bf2 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018