HEX #305EF2 color — Royal Blue
The color #305EF2 is a dark shade and moderately saturated.
Palette
305EF2 color palette from light to dark
HEX |
RGB |
HSL |
#f1f4fe |
rgb(241,244,254) |
hsl(226,88%,97%) |
#d9e1fd |
rgb(217,225,253) |
hsl(226,88%,92%) |
#c1cefb |
rgb(193,206,251) |
hsl(226,88%,87%) |
#a9bcf9 |
rgb(169,188,249) |
hsl(226,88%,82%) |
#91a9f8 |
rgb(145,169,248) |
hsl(226,88%,77%) |
#7996f6 |
rgb(121,150,246) |
hsl(226,88%,72%) |
#6183f5 |
rgb(97,131,245) |
hsl(226,88%,67%) |
#4971f3 |
rgb(73,113,243) |
hsl(226,88%,62%) |
#315ef2 |
rgb(49,94,242) |
hsl(226,88%,57%) |
#194bf0 |
rgb(25,75,240) |
hsl(226,88%,52%) |
#0e40e1 |
rgb(14,64,225) |
hsl(226,88%,47%) |
#0d39c9 |
rgb(13,57,201) |
hsl(226,88%,42%) |
#0b32b1 |
rgb(11,50,177) |
hsl(226,88%,37%) |
#0a2b99 |
rgb(10,43,153) |
hsl(226,88%,32%) |
#082581 |
rgb(8,37,129) |
hsl(226,88%,27%) |
#071e69 |
rgb(7,30,105) |
hsl(226,88%,22%) |
#051751 |
rgb(5,23,81) |
hsl(226,88%,17%) |
#04103a |
rgb(4,16,58) |
hsl(226,88%,12%) |
#020922 |
rgb(2,9,34) |
hsl(226,88%,7%) |
#01030a |
rgb(1,3,10) |
hsl(226,88%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30E0F2 |
rgb(48,224,242) |
hsl(186,88%,57%) |
#305EF2 |
rgb(48,94,242) |
hsl(226,88%,57%) |
#8330F2 |
rgb(131,48,242) |
hsl(266,88%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#87A1F7 |
rgb(135,161,247) |
hsl(226,88%,75%) |
#5B80F4 |
rgb(91,128,244) |
hsl(225,87%,66%) |
#305EF2 |
rgb(48,94,242) |
hsl(226,88%,57%) |
#0E42E5 |
rgb(14,66,229) |
hsl(225,88%,48%) |
#0B36B9 |
rgb(11,54,185) |
hsl(225,89%,38%) |
#08298D |
rgb(8,41,141) |
hsl(225,89%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#305EF2 |
rgb(48,94,242) |
hsl(226,88%,57%) |
#F26330 |
rgb(242,99,48) |
hsl(16,88%,57%) |
#BFF230 |
rgb(191,242,48) |
hsl(76,88%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#305EF2 |
rgb(48,94,242) |
hsl(226,88%,57%) |
#F2C430 |
rgb(242,196,48) |
hsl(46,88%,57%) |
#30BFF2 |
rgb(48,191,242) |
hsl(196,88%,57%) |
#BFF230 |
rgb(191,242,48) |
hsl(76,88%,57%) |