#336ac2 color information

#336ac2 color space conversions

Hex:
#336ac2
RGB:
51, 106, 194
CMY:
80, 58, 24
CMYK:
74, 45, 0, 24
HSL:
217°, 58.3673%, 48.0392%
HSV (HSB):
217°, 73.7113%, 76.0784%
XYZ:
16.2569, 14.9069, 53.0594
xyY:
0.1930, 0.1770, 14.9069
CIE-Lab:
45.5064, 12.4328, -51.3397
CIE-LCH:
45.5064, 52.8237, 283.6131
CIE-Luv:
45.5064, -20.6341, -78.1617
Hunter-Lab:
38.6095, 7.5925, -54.4532

#336ac2 color charts

#336ac2 RGB chart
#336ac2 CMYK chart
#336ac2 RGB pie chart

#336ac2 color shades, tints & tones

#336ac2 color schemes

#336ac2 #c18b33
Complementary of #336ac2
#33b1c1 #336ac2 #4333c1
Analogous of #336ac2
#b1c133 #336ac2 #c14333
Split complementary of #336ac2
#69c133 #336ac2 #c13369
Triadic of #336ac2
#33c143 #336ac2 #c133b1 #c18b33
Square of #336ac2
#69c133 #336ac2 #8a33c1 #c18b33
Tetradic of #336ac2

#336ac2 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018