#306ed4 color information

#306ed4 color space conversions

Hex:
#306ed4
RGB:
48, 110, 212
CMY:
81, 57, 17
CMYK:
77, 48, 0, 17
HSL:
217°, 65.6000%, 50.9804%
HSV (HSB):
217°, 77.3585%, 83.1373%
XYZ:
18.6785, 16.5337, 64.4942
xyY:
0.1873, 0.1658, 16.5337
CIE-Lab:
47.6670, 16.2684, -58.1935
CIE-LCH:
47.6670, 60.4247, 285.6187
CIE-Luv:
47.6670, -21.9839, -89.8325
Hunter-Lab:
40.6617, 10.8386, -65.5778

#306ed4 color charts

#306ed4 RGB chart
#306ed4 CMYK chart
#306ed4 RGB pie chart

#306ed4 color shades, tints & tones

#306ed4 color schemes

#306ed4 #d4952f
Complementary of #306ed4
#2fc0d4 #306ed4 #432fd4
Analogous of #306ed4
#c0d42f #306ed4 #d4432f
Split complementary of #306ed4
#6dd42f #306ed4 #d42f6d
Triadic of #306ed4
#2fd443 #306ed4 #d42fc0 #d4952f
Square of #306ed4
#6dd42f #306ed4 #952fd4 #d4952f
Tetradic of #306ed4

#306ed4 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018