HEX #305AF3 color — Royal Blue
The color #305af3 is a dark shade and moderately saturated.
Palette
305af3 color palette from light to dark
HEX |
RGB |
HSL |
#f1f3fe |
rgb(241,243,254) |
hsl(227,89%,97%) |
#d8e0fd |
rgb(216,224,253) |
hsl(227,89%,92%) |
#c0cdfb |
rgb(192,205,251) |
hsl(227,89%,87%) |
#a8bafa |
rgb(168,186,250) |
hsl(227,89%,82%) |
#90a7f9 |
rgb(144,167,249) |
hsl(227,89%,77%) |
#7894f7 |
rgb(120,148,247) |
hsl(227,89%,72%) |
#6080f6 |
rgb(96,128,246) |
hsl(227,89%,67%) |
#486df4 |
rgb(72,109,244) |
hsl(227,89%,62%) |
#305af3 |
rgb(48,90,243) |
hsl(227,89%,57%) |
#1847f2 |
rgb(24,71,242) |
hsl(227,89%,52%) |
#0d3be3 |
rgb(13,59,227) |
hsl(227,89%,47%) |
#0c35ca |
rgb(12,53,202) |
hsl(227,89%,42%) |
#0a2fb2 |
rgb(10,47,178) |
hsl(227,89%,37%) |
#09289a |
rgb(9,40,154) |
hsl(227,89%,32%) |
#082282 |
rgb(8,34,130) |
hsl(227,89%,27%) |
#061c6a |
rgb(6,28,106) |
hsl(227,89%,22%) |
#051552 |
rgb(5,21,82) |
hsl(227,89%,17%) |
#030f3a |
rgb(3,15,58) |
hsl(227,89%,12%) |
#020922 |
rgb(2,9,34) |
hsl(227,89%,7%) |
#01030a |
rgb(1,3,10) |
hsl(227,89%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30DBF3 |
rgb(48,219,243) |
hsl(187,89%,57%) |
#305AF3 |
rgb(48,90,243) |
hsl(227,89%,57%) |
#8830F3 |
rgb(136,48,243) |
hsl(267,89%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#88A1F8 |
rgb(136,161,248) |
hsl(227,89%,75%) |
#5C7DF5 |
rgb(92,125,245) |
hsl(227,88%,66%) |
#305AF3 |
rgb(48,90,243) |
hsl(227,89%,57%) |
#0D3DE7 |
rgb(13,61,231) |
hsl(227,89%,48%) |
#0A30BB |
rgb(10,48,187) |
hsl(227,90%,39%) |
#08268F |
rgb(8,38,143) |
hsl(227,89%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#305AF3 |
rgb(48,90,243) |
hsl(227,89%,57%) |
#F36930 |
rgb(243,105,48) |
hsl(18,89%,57%) |
#BBF230 |
rgb(187,242,48) |
hsl(77,88%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#305AF3 |
rgb(48,90,243) |
hsl(227,89%,57%) |
#F3C930 |
rgb(243,201,48) |
hsl(47,89%,57%) |
#30BDF3 |
rgb(48,189,243) |
hsl(197,89%,57%) |
#BBF230 |
rgb(187,242,48) |
hsl(77,88%,57%) |