#306fbb color information

#306fbb color space conversions

Hex:
#306fbb
RGB:
48, 111, 187
CMY:
81, 56, 27
CMYK:
74, 41, 0, 27
HSL:
213°, 59.1489%, 46.0784%
HSV (HSB):
213°, 74.3316%, 73.3333%
XYZ:
15.8730, 15.5851, 49.1853
xyY:
0.1968, 0.1933, 15.5851
CIE-Lab:
46.4254, 6.2698, -45.8276
CIE-LCH:
46.4254, 46.2546, 277.7905
CIE-Luv:
46.4254, -22.9300, -69.5293
Hunter-Lab:
39.4780, 2.6834, -46.2344

#306fbb color charts

#306fbb RGB chart
#306fbb CMYK chart
#306fbb RGB pie chart

#306fbb color shades, tints & tones

#306fbb color schemes

#306fbb #ba7b30
Complementary of #306fbb
#30b4ba #306fbb #3630ba
Analogous of #306fbb
#b4ba30 #306fbb #ba3630
Split complementary of #306fbb
#6fba30 #306fbb #ba306f
Triadic of #306fbb
#30ba36 #306fbb #ba30b4 #ba7b30
Square of #306fbb
#6fba30 #306fbb #7b30ba #ba7b30
Tetradic of #306fbb

#306fbb color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018