#306cd0 color information

#306cd0 color space conversions

Hex:
#306cd0
RGB:
48, 108, 208
CMY:
81, 58, 18
CMYK:
77, 48, 0, 18
HSL:
218°, 62.9921%, 50.1961%
HSV (HSB):
218°, 76.9231%, 81.5686%
XYZ:
17.9667, 15.9076, 61.7980
xyY:
0.1878, 0.1663, 15.9076
CIE-Lab:
46.8530, 16.0364, -57.2231
CIE-LCH:
46.8530, 59.4276, 285.6552
CIE-Luv:
46.8530, -21.4620, -87.9571
Hunter-Lab:
39.8843, 10.6113, -63.9469

#306cd0 color charts

#306cd0 RGB chart
#306cd0 CMYK chart
#306cd0 RGB pie chart

#306cd0 color shades, tints & tones

#306cd0 color schemes

#306cd0 #d09330
Complementary of #306cd0
#30bcd0 #306cd0 #4330d0
Analogous of #306cd0
#bcd030 #306cd0 #d04330
Split complementary of #306cd0
#6cd030 #306cd0 #d0306c
Triadic of #306cd0
#30d043 #306cd0 #d030bc #d09330
Square of #306cd0
#6cd030 #306cd0 #9330d0 #d09330
Tetradic of #306cd0

#306cd0 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018