#306aa3 color information

#306aa3 color space conversions

Hex:
#306aa3
RGB:
48, 106, 163
CMY:
81, 58, 36
CMYK:
71, 35, 0, 36
HSL:
210°, 54.5024%, 41.3725%
HSV (HSB):
210°, 70.5521%, 63.9216%
XYZ:
12.9838, 13.5808, 36.5874
xyY:
0.2056, 0.2150, 13.5808
CIE-Lab:
43.6256, 0.5013, -36.2416
CIE-LCH:
43.6256, 36.2451, 270.7925
CIE-Luv:
43.6256, -21.9779, -53.2721
Hunter-Lab:
36.8521, -1.6017, -33.0676

#306aa3 color charts

#306aa3 RGB chart
#306aa3 CMYK chart
#306aa3 RGB pie chart

#306aa3 color shades, tints & tones

#306aa3 color schemes

#306aa3 #a36830
Complementary of #306aa3
#30a3a2 #306aa3 #3030a3
Analogous of #306aa3
#a3a230 #306aa3 #a33030
Split complementary of #306aa3
#69a330 #306aa3 #a33069
Triadic of #306aa3
#30a330 #306aa3 #a230a3 #a36830
Square of #306aa3
#69a330 #306aa3 #6830a3 #a36830
Tetradic of #306aa3

#306aa3 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018