#306ad0 color information

#306ad0 color space conversions

Hex:
#306ad0
RGB:
48, 106, 208
CMY:
81, 58, 18
CMYK:
77, 49, 0, 18
HSL:
218°, 62.9921%, 50.1961%
HSV (HSB):
218°, 76.9231%, 81.5686%
XYZ:
17.7581, 15.4905, 61.7285
xyY:
0.1870, 0.1631, 15.4905
CIE-Lab:
46.2988, 17.3105, -58.1164
CIE-LCH:
46.2988, 60.6397, 286.5866
CIE-Luv:
46.2988, -20.8612, -89.1180
Hunter-Lab:
39.3580, 11.6618, -65.4390

#306ad0 color charts

#306ad0 RGB chart
#306ad0 CMYK chart
#306ad0 RGB pie chart

#306ad0 color shades, tints & tones

#306ad0 color schemes

#306ad0 #d09530
Complementary of #306ad0
#30bad0 #306ad0 #4630d0
Analogous of #306ad0
#bad030 #306ad0 #d04630
Split complementary of #306ad0
#6ad030 #306ad0 #d0306a
Triadic of #306ad0
#30d045 #306ad0 #d030b9 #d09530
Square of #306ad0
#6ad030 #306ad0 #9530d0 #d09530
Tetradic of #306ad0

#306ad0 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018