HEX #304DF3 color — Royal Blue
The color #304df3 is a dark shade and moderately saturated.
Palette
304df3 color palette from light to dark
HEX |
RGB |
HSL |
#f1f3fe |
rgb(241,243,254) |
hsl(231,89%,97%) |
#d8defd |
rgb(216,222,253) |
hsl(231,89%,92%) |
#c0c9fb |
rgb(192,201,251) |
hsl(231,89%,87%) |
#a8b5fa |
rgb(168,181,250) |
hsl(231,89%,82%) |
#90a0f9 |
rgb(144,160,249) |
hsl(231,89%,77%) |
#788bf7 |
rgb(120,139,247) |
hsl(231,89%,72%) |
#6076f6 |
rgb(96,118,246) |
hsl(231,89%,67%) |
#4862f4 |
rgb(72,98,244) |
hsl(231,89%,62%) |
#304df3 |
rgb(48,77,243) |
hsl(231,89%,57%) |
#1838f2 |
rgb(24,56,242) |
hsl(231,89%,52%) |
#0d2de3 |
rgb(13,45,227) |
hsl(231,89%,47%) |
#0c28ca |
rgb(12,40,202) |
hsl(231,89%,42%) |
#0a24b2 |
rgb(10,36,178) |
hsl(231,89%,37%) |
#091f9a |
rgb(9,31,154) |
hsl(231,89%,32%) |
#081a82 |
rgb(8,26,130) |
hsl(231,89%,27%) |
#06156a |
rgb(6,21,106) |
hsl(231,89%,22%) |
#051052 |
rgb(5,16,82) |
hsl(231,89%,17%) |
#030c3a |
rgb(3,12,58) |
hsl(231,89%,12%) |
#020722 |
rgb(2,7,34) |
hsl(231,89%,7%) |
#01020a |
rgb(1,2,10) |
hsl(231,89%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30CFF3 |
rgb(48,207,243) |
hsl(191,89%,57%) |
#304DF3 |
rgb(48,77,243) |
hsl(231,89%,57%) |
#9530F3 |
rgb(149,48,243) |
hsl(271,89%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8899F8 |
rgb(136,153,248) |
hsl(231,89%,75%) |
#5C73F5 |
rgb(92,115,245) |
hsl(231,88%,66%) |
#304DF3 |
rgb(48,77,243) |
hsl(231,89%,57%) |
#0D2EE7 |
rgb(13,46,231) |
hsl(231,89%,48%) |
#0A26BB |
rgb(10,38,187) |
hsl(231,90%,39%) |
#081C8F |
rgb(8,28,143) |
hsl(231,89%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#304DF3 |
rgb(48,77,243) |
hsl(231,89%,57%) |
#F37530 |
rgb(243,117,48) |
hsl(21,89%,57%) |
#AEF230 |
rgb(174,242,48) |
hsl(81,88%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304DF3 |
rgb(48,77,243) |
hsl(231,89%,57%) |
#F3D630 |
rgb(243,214,48) |
hsl(51,89%,57%) |
#30ADF3 |
rgb(48,173,243) |
hsl(202,89%,57%) |
#AEF230 |
rgb(174,242,48) |
hsl(81,88%,57%) |