#306aa4 color information

#306aa4 color space conversions

Hex:
#306aa4
RGB:
48, 106, 164
CMY:
81, 58, 36
CMYK:
71, 35, 0, 36
HSL:
210°, 54.7170%, 41.5686%
HSV (HSB):
210°, 70.7317%, 64.3137%
XYZ:
13.0738, 13.6168, 37.0612
xyY:
0.2051, 0.2136, 13.6168
CIE-Lab:
43.6783, 0.8680, -36.7486
CIE-LCH:
43.6783, 36.7588, 271.3530
CIE-Luv:
43.6783, -21.9463, -54.1040
Hunter-Lab:
36.9009, -1.3350, -33.7169

#306aa4 color charts

#306aa4 RGB chart
#306aa4 CMYK chart
#306aa4 RGB pie chart

#306aa4 color shades, tints & tones

#306aa4 color schemes

#306aa4 #a46a30
Complementary of #306aa4
#30a3a4 #306aa4 #3030a4
Analogous of #306aa4
#a3a430 #306aa4 #a43030
Split complementary of #306aa4
#69a430 #306aa4 #a43069
Triadic of #306aa4
#30a430 #306aa4 #a430a3 #a46a30
Square of #306aa4
#69a430 #306aa4 #6930a4 #a46a30
Tetradic of #306aa4

#306aa4 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018