HEX #305CF4 color — Royal Blue
The color #305CF4 is a dark shade and moderately saturated.
Palette
305CF4 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3fe |
rgb(240,243,254) |
hsl(227,90%,97%) |
#d8e0fd |
rgb(216,224,253) |
hsl(227,90%,92%) |
#c0cdfc |
rgb(192,205,252) |
hsl(227,90%,87%) |
#a8bafa |
rgb(168,186,250) |
hsl(227,90%,82%) |
#90a6f9 |
rgb(144,166,249) |
hsl(227,90%,77%) |
#7793f8 |
rgb(119,147,248) |
hsl(227,90%,72%) |
#5f80f7 |
rgb(95,128,247) |
hsl(227,90%,67%) |
#476df5 |
rgb(71,109,245) |
hsl(227,90%,62%) |
#2f59f4 |
rgb(47,89,244) |
hsl(227,90%,57%) |
#1646f3 |
rgb(22,70,243) |
hsl(227,90%,52%) |
#0c3be4 |
rgb(12,59,228) |
hsl(227,90%,47%) |
#0b34cb |
rgb(11,52,203) |
hsl(227,90%,42%) |
#092eb3 |
rgb(9,46,179) |
hsl(227,90%,37%) |
#08289b |
rgb(8,40,155) |
hsl(227,90%,32%) |
#072283 |
rgb(7,34,131) |
hsl(227,90%,27%) |
#061b6b |
rgb(6,27,107) |
hsl(227,90%,22%) |
#041552 |
rgb(4,21,82) |
hsl(227,90%,17%) |
#030f3a |
rgb(3,15,58) |
hsl(227,90%,12%) |
#020922 |
rgb(2,9,34) |
hsl(227,90%,7%) |
#01020a |
rgb(1,2,10) |
hsl(227,90%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30DEF4 |
rgb(48,222,244) |
hsl(187,90%,57%) |
#305CF4 |
rgb(48,92,244) |
hsl(227,90%,57%) |
#8630F4 |
rgb(134,48,244) |
hsl(266,90%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#88A1F8 |
rgb(136,161,248) |
hsl(227,89%,75%) |
#5C80F6 |
rgb(92,128,246) |
hsl(226,90%,66%) |
#305CF4 |
rgb(48,92,244) |
hsl(227,90%,57%) |
#0C3DE8 |
rgb(12,61,232) |
hsl(227,90%,48%) |
#0A33BC |
rgb(10,51,188) |
hsl(226,90%,39%) |
#072690 |
rgb(7,38,144) |
hsl(226,91%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#305CF4 |
rgb(48,92,244) |
hsl(227,90%,57%) |
#F46630 |
rgb(244,102,48) |
hsl(17,90%,57%) |
#BEF530 |
rgb(190,245,48) |
hsl(77,91%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#305CF4 |
rgb(48,92,244) |
hsl(227,90%,57%) |
#F4C730 |
rgb(244,199,48) |
hsl(46,90%,57%) |
#30BFF4 |
rgb(48,191,244) |
hsl(196,90%,57%) |
#BEF530 |
rgb(190,245,48) |
hsl(77,91%,57%) |