#306bf5 color information

#306bf5 color space conversions

Hex:
#306bf5
RGB:
48, 107, 245
CMY:
81, 58, 4
CMYK:
80, 56, 0, 4
HSL:
222°, 90.7834%, 57.4510%
HSV (HSB):
222°, 80.4082%, 96.0784%
XYZ:
22.9580, 17.7363, 88.5996
xyY:
0.1776, 0.1372, 17.7363
CIE-Lab:
49.1747, 30.4626, -74.3482
CIE-LCH:
49.1747, 80.3469, 292.2803
CIE-Luv:
49.1747, -20.6596, -115.4636
Hunter-Lab:
42.1145, 23.6059, -95.2528

#306bf5 color charts

#306bf5 RGB chart
#306bf5 CMYK chart
#306bf5 RGB pie chart

#306bf5 color shades, tints & tones

#306bf5 color schemes

#306bf5 #f5ba2f
Complementary of #306bf5
#2fcdf5 #306bf5 #572ff5
Analogous of #306bf5
#cdf52f #306bf5 #f5572f
Split complementary of #306bf5
#6af52f #306bf5 #f52f6a
Triadic of #306bf5
#2ff557 #306bf5 #f52fcd #f5ba2f
Square of #306bf5
#6af52f #306bf5 #ba2ff5 #f5ba2f
Tetradic of #306bf5

#306bf5 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018