#306ed6 color information

#306ed6 color space conversions

Hex:
#306ed6
RGB:
48, 110, 214
CMY:
81, 57, 16
CMYK:
78, 49, 0, 16
HSL:
218°, 66.9355%, 51.3725%
HSV (HSB):
218°, 77.5701%, 83.9216%
XYZ:
18.9325, 16.6353, 65.8314
xyY:
0.1867, 0.1641, 16.6353
CIE-Lab:
47.7972, 17.0189, -59.1221
CIE-LCH:
47.7972, 61.5229, 286.0591
CIE-Luv:
47.7972, -21.9429, -91.3551
Hunter-Lab:
40.7864, 11.4810, -67.1468

#306ed6 color charts

#306ed6 RGB chart
#306ed6 CMYK chart
#306ed6 RGB pie chart

#306ed6 color shades, tints & tones

#306ed6 color schemes

#306ed6 #d6972f
Complementary of #306ed6
#2fc1d6 #306ed6 #442fd6
Analogous of #306ed6
#c1d62f #306ed6 #d6442f
Split complementary of #306ed6
#6ed62f #306ed6 #d62f6d
Triadic of #306ed6
#2fd644 #306ed6 #d62fc1 #d6972f
Square of #306ed6
#6ed62f #306ed6 #972fd6 #d6972f
Tetradic of #306ed6

#306ed6 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018