HEX #305CF0 color — Royal Blue
The color #305CF0 is a dark shade and moderately saturated.
Palette
305CF0 color palette from light to dark
HEX |
RGB |
HSL |
#ecf0fe |
rgb(236,240,254) |
hsl(226,86%,96%) |
#d4defc |
rgb(212,222,252) |
hsl(226,86%,91%) |
#bdcbfa |
rgb(189,203,250) |
hsl(226,86%,86%) |
#a5b8f8 |
rgb(165,184,248) |
hsl(226,86%,81%) |
#8da6f6 |
rgb(141,166,246) |
hsl(226,86%,76%) |
#7593f5 |
rgb(117,147,245) |
hsl(226,86%,71%) |
#5e81f3 |
rgb(94,129,243) |
hsl(226,86%,66%) |
#466ef1 |
rgb(70,110,241) |
hsl(226,86%,61%) |
#2e5bef |
rgb(46,91,239) |
hsl(226,86%,56%) |
#1749ee |
rgb(23,73,238) |
hsl(226,86%,51%) |
#103fda |
rgb(16,63,218) |
hsl(226,86%,46%) |
#0f39c2 |
rgb(15,57,194) |
hsl(226,86%,41%) |
#0d32ab |
rgb(13,50,171) |
hsl(226,86%,36%) |
#0b2b93 |
rgb(11,43,147) |
hsl(226,86%,31%) |
#09247b |
rgb(9,36,123) |
hsl(226,86%,26%) |
#071d64 |
rgb(7,29,100) |
hsl(226,86%,21%) |
#06164c |
rgb(6,22,76) |
hsl(226,86%,16%) |
#040f34 |
rgb(4,15,52) |
hsl(226,86%,11%) |
#02081c |
rgb(2,8,28) |
hsl(226,86%,6%) |
#000105 |
rgb(0,1,5) |
hsl(226,86%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#30DBF0 |
rgb(48,219,240) |
hsl(187,86%,56%) |
#305CF0 |
rgb(48,92,240) |
hsl(226,86%,56%) |
#8430F0 |
rgb(132,48,240) |
hsl(266,86%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#85A1F6 |
rgb(133,161,246) |
hsl(225,86%,74%) |
#5A7DF3 |
rgb(90,125,243) |
hsl(226,86%,65%) |
#305CF0 |
rgb(48,92,240) |
hsl(226,86%,56%) |
#1040E1 |
rgb(16,64,225) |
hsl(226,87%,47%) |
#0D33B6 |
rgb(13,51,182) |
hsl(227,87%,38%) |
#0A298B |
rgb(10,41,139) |
hsl(226,87%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#305CF0 |
rgb(48,92,240) |
hsl(226,86%,56%) |
#F06330 |
rgb(240,99,48) |
hsl(16,86%,56%) |
#BCF030 |
rgb(188,240,48) |
hsl(76,86%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#305CF0 |
rgb(48,92,240) |
hsl(226,86%,56%) |
#F0C430 |
rgb(240,196,48) |
hsl(46,86%,56%) |
#30BDF0 |
rgb(48,189,240) |
hsl(196,86%,56%) |
#BCF030 |
rgb(188,240,48) |
hsl(76,86%,56%) |