#306ba4 color information

#306ba4 color space conversions

Hex:
#306ba4
RGB:
48, 107, 164
CMY:
81, 58, 36
CMYK:
71, 35, 0, 36
HSL:
209°, 54.7170%, 41.5686%
HSV (HSB):
209°, 70.7317%, 64.3137%
XYZ:
13.1775, 13.8241, 37.0958
xyY:
0.2056, 0.2157, 13.8241
CIE-Lab:
43.9796, 0.2494, -36.2724
CIE-LCH:
43.9796, 36.2732, 270.3939
CIE-Luv:
43.9796, -22.2932, -53.3945
Hunter-Lab:
37.1808, -1.8031, -33.1279

#306ba4 color charts

#306ba4 RGB chart
#306ba4 CMYK chart
#306ba4 RGB pie chart

#306ba4 color shades, tints & tones

#306ba4 color schemes

#306ba4 #a46830
Complementary of #306ba4
#30a4a3 #306ba4 #3030a4
Analogous of #306ba4
#a4a330 #306ba4 #a43030
Split complementary of #306ba4
#6aa430 #306ba4 #a4306a
Triadic of #306ba4
#30a430 #306ba4 #a330a4 #a46830
Square of #306ba4
#6aa430 #306ba4 #6830a4 #a46830
Tetradic of #306ba4

#306ba4 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018