HEX #304DF2 color — Royal Blue
The color #304DF2 is a dark shade and moderately saturated.
Palette
304DF2 color palette from light to dark
HEX |
RGB |
HSL |
#f1f3fe |
rgb(241,243,254) |
hsl(231,88%,97%) |
#d9defd |
rgb(217,222,253) |
hsl(231,88%,92%) |
#c1c9fb |
rgb(193,201,251) |
hsl(231,88%,87%) |
#a9b5f9 |
rgb(169,181,249) |
hsl(231,88%,82%) |
#91a0f8 |
rgb(145,160,248) |
hsl(231,88%,77%) |
#798cf6 |
rgb(121,140,246) |
hsl(231,88%,72%) |
#6177f5 |
rgb(97,119,245) |
hsl(231,88%,67%) |
#4962f3 |
rgb(73,98,243) |
hsl(231,88%,62%) |
#314ef2 |
rgb(49,78,242) |
hsl(231,88%,57%) |
#1939f0 |
rgb(25,57,240) |
hsl(231,88%,52%) |
#0e2ee1 |
rgb(14,46,225) |
hsl(231,88%,47%) |
#0d29c9 |
rgb(13,41,201) |
hsl(231,88%,42%) |
#0b24b1 |
rgb(11,36,177) |
hsl(231,88%,37%) |
#0a1f99 |
rgb(10,31,153) |
hsl(231,88%,32%) |
#081a81 |
rgb(8,26,129) |
hsl(231,88%,27%) |
#071669 |
rgb(7,22,105) |
hsl(231,88%,22%) |
#051151 |
rgb(5,17,81) |
hsl(231,88%,17%) |
#040c3a |
rgb(4,12,58) |
hsl(231,88%,12%) |
#020722 |
rgb(2,7,34) |
hsl(231,88%,7%) |
#01020a |
rgb(1,2,10) |
hsl(231,88%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30CFF2 |
rgb(48,207,242) |
hsl(191,88%,57%) |
#304DF2 |
rgb(48,77,242) |
hsl(231,88%,57%) |
#9430F2 |
rgb(148,48,242) |
hsl(271,88%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8799F7 |
rgb(135,153,247) |
hsl(230,88%,75%) |
#5B73F4 |
rgb(91,115,244) |
hsl(231,87%,66%) |
#304DF2 |
rgb(48,77,242) |
hsl(231,88%,57%) |
#0E2EE5 |
rgb(14,46,229) |
hsl(231,88%,48%) |
#0B26B9 |
rgb(11,38,185) |
hsl(231,89%,38%) |
#081C8D |
rgb(8,28,141) |
hsl(231,89%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#304DF2 |
rgb(48,77,242) |
hsl(231,88%,57%) |
#F27330 |
rgb(242,115,48) |
hsl(21,88%,57%) |
#AEF230 |
rgb(174,242,48) |
hsl(81,88%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304DF2 |
rgb(48,77,242) |
hsl(231,88%,57%) |
#F2D630 |
rgb(242,214,48) |
hsl(51,88%,57%) |
#30ADF2 |
rgb(48,173,242) |
hsl(201,88%,57%) |
#AEF230 |
rgb(174,242,48) |
hsl(81,88%,57%) |