#306ed1 color information

#306ed1 color space conversions

Hex:
#306ed1
RGB:
48, 110, 209
CMY:
81, 57, 18
CMYK:
77, 47, 0, 18
HSL:
217°, 63.6364%, 50.3922%
HSV (HSB):
217°, 77.0335%, 81.9608%
XYZ:
18.3035, 16.3837, 62.5193
xyY:
0.1883, 0.1685, 16.3837
CIE-Lab:
47.4739, 15.1421, -56.7942
CIE-LCH:
47.4739, 58.7781, 284.9286
CIE-Luv:
47.4739, -22.0478, -87.5353
Hunter-Lab:
40.4768, 9.8828, -63.2439

#306ed1 color charts

#306ed1 RGB chart
#306ed1 CMYK chart
#306ed1 RGB pie chart

#306ed1 color shades, tints & tones

#306ed1 color schemes

#306ed1 #d09230
Complementary of #306ed1
#30bed0 #306ed1 #4230d0
Analogous of #306ed1
#bed030 #306ed1 #d04230
Split complementary of #306ed1
#6ed030 #306ed1 #d0306e
Triadic of #306ed1
#30d042 #306ed1 #d030be #d09230
Square of #306ed1
#6ed030 #306ed1 #9230d0 #d09230
Tetradic of #306ed1

#306ed1 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018