#336ef2 color information

#336ef2 color space conversions

Hex:
#336ef2
RGB:
51, 110, 242
CMY:
80, 57, 5
CMYK:
79, 55, 0, 5
HSL:
221°, 88.0184%, 57.4510%
HSV (HSB):
221°, 78.9256%, 94.9020%
XYZ:
22.9682, 18.2665, 86.3196
xyY:
0.1801, 0.1432, 18.2665
CIE-Lab:
49.8177, 27.7369, -71.6240
CIE-LCH:
49.8177, 76.8072, 291.1693
CIE-Luv:
49.8177, -21.0988, -111.7912
Hunter-Lab:
42.7393, 21.1325, -89.8292

#336ef2 color charts

#336ef2 RGB chart
#336ef2 CMYK chart
#336ef2 RGB pie chart

#336ef2 color shades, tints & tones

#336ef2 color schemes

#336ef2 #f2b732
Complementary of #336ef2
#32cdf2 #336ef2 #5732f2
Analogous of #336ef2
#cdf232 #336ef2 #f25732
Split complementary of #336ef2
#6df232 #336ef2 #f2326d
Triadic of #336ef2
#32f257 #336ef2 #f232cd #f2b732
Square of #336ef2
#6df232 #336ef2 #b732f2 #f2b732
Tetradic of #336ef2

#336ef2 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018