HEX #305DF3 color — Royal Blue
The color #305DF3 is a dark shade and moderately saturated.
Palette
305DF3 color palette from light to dark
HEX |
RGB |
HSL |
#f1f4fe |
rgb(241,244,254) |
hsl(226,89%,97%) |
#d8e1fd |
rgb(216,225,253) |
hsl(226,89%,92%) |
#c0cefb |
rgb(192,206,251) |
hsl(226,89%,87%) |
#a8bbfa |
rgb(168,187,250) |
hsl(226,89%,82%) |
#90a9f9 |
rgb(144,169,249) |
hsl(226,89%,77%) |
#7896f7 |
rgb(120,150,247) |
hsl(226,89%,72%) |
#6083f6 |
rgb(96,131,246) |
hsl(226,89%,67%) |
#4870f4 |
rgb(72,112,244) |
hsl(226,89%,62%) |
#305df3 |
rgb(48,93,243) |
hsl(226,89%,57%) |
#184bf2 |
rgb(24,75,242) |
hsl(226,89%,52%) |
#0d3fe3 |
rgb(13,63,227) |
hsl(226,89%,47%) |
#0c38ca |
rgb(12,56,202) |
hsl(226,89%,42%) |
#0a32b2 |
rgb(10,50,178) |
hsl(226,89%,37%) |
#092b9a |
rgb(9,43,154) |
hsl(226,89%,32%) |
#082482 |
rgb(8,36,130) |
hsl(226,89%,27%) |
#061d6a |
rgb(6,29,106) |
hsl(226,89%,22%) |
#051752 |
rgb(5,23,82) |
hsl(226,89%,17%) |
#03103a |
rgb(3,16,58) |
hsl(226,89%,12%) |
#020922 |
rgb(2,9,34) |
hsl(226,89%,7%) |
#01030a |
rgb(1,3,10) |
hsl(226,89%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30DEF3 |
rgb(48,222,243) |
hsl(186,89%,57%) |
#305DF3 |
rgb(48,93,243) |
hsl(226,89%,57%) |
#8530F3 |
rgb(133,48,243) |
hsl(266,89%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#88A1F8 |
rgb(136,161,248) |
hsl(227,89%,75%) |
#5C80F5 |
rgb(92,128,245) |
hsl(226,88%,66%) |
#305DF3 |
rgb(48,93,243) |
hsl(226,89%,57%) |
#0D40E7 |
rgb(13,64,231) |
hsl(226,89%,48%) |
#0A33BB |
rgb(10,51,187) |
hsl(226,90%,39%) |
#08268F |
rgb(8,38,143) |
hsl(227,89%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#305DF3 |
rgb(48,93,243) |
hsl(226,89%,57%) |
#F36330 |
rgb(243,99,48) |
hsl(16,89%,57%) |
#BEF230 |
rgb(190,242,48) |
hsl(76,88%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#305DF3 |
rgb(48,93,243) |
hsl(226,89%,57%) |
#F3C730 |
rgb(243,199,48) |
hsl(46,89%,57%) |
#30BFF3 |
rgb(48,191,243) |
hsl(196,89%,57%) |
#BEF230 |
rgb(190,242,48) |
hsl(76,88%,57%) |