#306ed2 color information

#306ed2 color space conversions

Hex:
#306ed2
RGB:
48, 110, 210
CMY:
81, 57, 18
CMYK:
77, 48, 0, 18
HSL:
217°, 64.2857%, 50.5882%
HSV (HSB):
217°, 77.1429%, 82.3529%
XYZ:
18.4277, 16.4334, 63.1735
xyY:
0.1880, 0.1676, 16.4334
CIE-Lab:
47.5380, 15.5176, -57.2615
CIE-LCH:
47.5380, 59.3268, 285.1627
CIE-Luv:
47.5380, -22.0262, -88.3028
Hunter-Lab:
40.5381, 10.2004, -64.0192

#306ed2 color charts

#306ed2 RGB chart
#306ed2 CMYK chart
#306ed2 RGB pie chart

#306ed2 color shades, tints & tones

#306ed2 color schemes

#306ed2 #d29330
Complementary of #306ed2
#30bfd2 #306ed2 #4230d2
Analogous of #306ed2
#bfd230 #306ed2 #d24230
Split complementary of #306ed2
#6ed230 #306ed2 #d2306e
Triadic of #306ed2
#30d242 #306ed2 #d230bf #d29330
Square of #306ed2
#6ed230 #306ed2 #9330d2 #d29330
Tetradic of #306ed2

#306ed2 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018