#306cbb color information

#306cbb color space conversions

Hex:
#306cbb
RGB:
48, 108, 187
CMY:
81, 58, 27
CMYK:
74, 42, 0, 27
HSL:
214°, 59.1489%, 46.0784%
HSV (HSB):
214°, 74.3316%, 73.3333%
XYZ:
15.5511, 14.9414, 49.0780
xyY:
0.1954, 0.1878, 14.9414
CIE-Lab:
45.5538, 8.1529, -47.2188
CIE-LCH:
45.5538, 47.9175, 279.7963
CIE-Luv:
45.5538, -21.9501, -71.5247
Hunter-Lab:
38.6541, 4.1687, -48.2211

#306cbb color charts

#306cbb RGB chart
#306cbb CMYK chart
#306cbb RGB pie chart

#306cbb color shades, tints & tones

#306cbb color schemes

#306cbb #ba7e30
Complementary of #306cbb
#30b1ba #306cbb #3930ba
Analogous of #306cbb
#b1ba30 #306cbb #ba3930
Split complementary of #306cbb
#6cba30 #306cbb #ba306c
Triadic of #306cbb
#30ba39 #306cbb #ba30b1 #ba7e30
Square of #306cbb
#6cba30 #306cbb #7e30ba #ba7e30
Tetradic of #306cbb

#306cbb color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018