#336ed2 color information

#336ed2 color space conversions

Hex:
#336ed2
RGB:
51, 110, 210
CMY:
80, 57, 18
CMYK:
76, 48, 0, 18
HSL:
218°, 63.8554%, 51.1765%
HSV (HSB):
218°, 75.7143%, 82.3529%
XYZ:
18.5740, 16.5088, 63.1803
xyY:
0.1890, 0.1680, 16.5088
CIE-Lab:
47.6351, 15.8631, -57.1002
CIE-LCH:
47.6351, 59.2627, 285.5259
CIE-Luv:
47.6351, -21.5621, -88.1348
Hunter-Lab:
40.6310, 10.4950, -63.7529

#336ed2 color charts

#336ed2 RGB chart
#336ed2 CMYK chart
#336ed2 RGB pie chart

#336ed2 color shades, tints & tones

#336ed2 color schemes

#336ed2 #d29632
Complementary of #336ed2
#32bdd2 #336ed2 #4732d2
Analogous of #336ed2
#bdd232 #336ed2 #d24732
Split complementary of #336ed2
#6ed232 #336ed2 #d2326e
Triadic of #336ed2
#32d247 #336ed2 #d232bd #d29632
Square of #336ed2
#6ed232 #336ed2 #9632d2 #d29632
Tetradic of #336ed2

#336ed2 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018