#558af0 color information

#558af0 color space conversions

Hex:
#558af0
RGB:
85, 138, 240
CMY:
67, 46, 6
CMYK:
65, 43, 0, 6
HSL:
219°, 83.7838%, 63.7255%
HSV (HSB):
219°, 64.5833%, 94.1176%
XYZ:
28.5630, 26.3995, 86.0283
xyY:
0.2026, 0.1872, 26.3995
CIE-Lab:
58.4143, 14.1561, -56.5938
CIE-LCH:
58.4143, 58.3374, 284.0435
CIE-Luv:
58.4143, -23.1402, -91.3409
Hunter-Lab:
51.3805, 9.3143, -63.3052

#558af0 color charts

#558af0 RGB chart
#558af0 CMYK chart
#558af0 RGB pie chart

#558af0 color shades, tints & tones

#558af0 color schemes

#558af0 #efba55
Complementary of #558af0
#55d7ef #558af0 #6d55ef
Analogous of #558af0
#d7ef55 #558af0 #ef6d55
Split complementary of #558af0
#8aef55 #558af0 #ef558a
Triadic of #558af0
#55ef6d #558af0 #ef55d7 #efba55
Square of #558af0
#8aef55 #558af0 #ba55ef #efba55
Tetradic of #558af0

#558af0 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018