#306ac0 color information

#306ac0 color space conversions

Hex:
#306ac0
RGB:
48, 106, 192
CMY:
81, 58, 25
CMYK:
75, 45, 0, 25
HSL:
216°, 60.0000%, 47.0588%
HSV (HSB):
216°, 75.0000%, 75.2941%
XYZ:
15.8874, 14.7422, 51.8773
xyY:
0.1926, 0.1787, 14.7422
CIE-Lab:
45.2791, 11.2940, -50.5542
CIE-LCH:
45.2791, 51.8003, 282.5933
CIE-Luv:
45.2791, -21.1865, -76.7746
Hunter-Lab:
38.3956, 6.6677, -53.2314

#306ac0 color charts

#306ac0 RGB chart
#306ac0 CMYK chart
#306ac0 RGB pie chart

#306ac0 color shades, tints & tones

#306ac0 color schemes

#306ac0 #c08630
Complementary of #306ac0
#30b1c0 #306ac0 #3e30c0
Analogous of #306ac0
#b1c030 #306ac0 #c03e30
Split complementary of #306ac0
#69c030 #306ac0 #c03069
Triadic of #306ac0
#30c03e #306ac0 #c030b1 #c08630
Square of #306ac0
#69c030 #306ac0 #8530c0 #c08630
Tetradic of #306ac0

#306ac0 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018