#306bcc color information

#306bcc color space conversions

Hex:
#306bcc
RGB:
48, 107, 204
CMY:
81, 58, 20
CMYK:
76, 48, 0, 20
HSL:
217°, 61.9048%, 49.4118%
HSV (HSB):
217°, 76.4706%, 80.0000%
XYZ:
17.3757, 15.5034, 59.2034
xyY:
0.1887, 0.1684, 15.5034
CIE-Lab:
46.3161, 15.1692, -55.7980
CIE-LCH:
46.3161, 57.8232, 285.2089
CIE-Luv:
46.3161, -21.2389, -85.4857
Hunter-Lab:
39.3744, 9.8660, -61.5866

#306bcc color charts

#306bcc RGB chart
#306bcc CMYK chart
#306bcc RGB pie chart

#306bcc color shades, tints & tones

#306bcc color schemes

#306bcc #cc9030
Complementary of #306bcc
#30b9cc #306bcc #4230cc
Analogous of #306bcc
#b9cc30 #306bcc #cc4230
Split complementary of #306bcc
#6bcc30 #306bcc #cc306b
Triadic of #306bcc
#30cc42 #306bcc #cc30b9 #cc9030
Square of #306bcc
#6bcc30 #306bcc #9030cc #cc9030
Tetradic of #306bcc

#306bcc color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018