HEX #304DA5 color — Sapphire
The color #304DA5 is a dark shade and moderately saturated.
Palette
304DA5 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fc |
rgb(243,245,252) |
hsl(225,55%,97%) |
#dfe5f6 |
rgb(223,229,246) |
hsl(225,55%,92%) |
#ccd5f0 |
rgb(204,213,240) |
hsl(225,55%,87%) |
#b8c4ea |
rgb(184,196,234) |
hsl(225,55%,82%) |
#a4b4e5 |
rgb(164,180,229) |
hsl(225,55%,77%) |
#90a4df |
rgb(144,164,223) |
hsl(225,55%,72%) |
#7d94d9 |
rgb(125,148,217) |
hsl(225,55%,67%) |
#6983d3 |
rgb(105,131,211) |
hsl(225,55%,62%) |
#5573ce |
rgb(85,115,206) |
hsl(225,55%,57%) |
#4163c8 |
rgb(65,99,200) |
hsl(225,55%,52%) |
#3657ba |
rgb(54,87,186) |
hsl(225,55%,47%) |
#304ea6 |
rgb(48,78,166) |
hsl(225,55%,42%) |
#2a4492 |
rgb(42,68,146) |
hsl(225,55%,37%) |
#253b7e |
rgb(37,59,126) |
hsl(225,55%,32%) |
#1f326b |
rgb(31,50,107) |
hsl(225,55%,27%) |
#192957 |
rgb(25,41,87) |
hsl(225,55%,22%) |
#141f43 |
rgb(20,31,67) |
hsl(225,55%,17%) |
#0e162f |
rgb(14,22,47) |
hsl(225,55%,12%) |
#080d1c |
rgb(8,13,28) |
hsl(225,55%,7%) |
#020408 |
rgb(2,4,8) |
hsl(225,55%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#309CA5 |
rgb(48,156,165) |
hsl(185,55%,42%) |
#304DA5 |
rgb(48,77,165) |
hsl(225,55%,42%) |
#6130A5 |
rgb(97,48,165) |
hsl(265,55%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4D6ECB |
rgb(77,110,203) |
hsl(224,55%,55%) |
#3759BF |
rgb(55,89,191) |
hsl(225,55%,48%) |
#304DA5 |
rgb(48,77,165) |
hsl(225,55%,42%) |
#28408A |
rgb(40,64,138) |
hsl(225,55%,35%) |
#203670 |
rgb(32,54,112) |
hsl(224,56%,28%) |
#182955 |
rgb(24,41,85) |
hsl(223,56%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#304DA5 |
rgb(48,77,165) |
hsl(225,55%,42%) |
#A54D30 |
rgb(165,77,48) |
hsl(15,55%,42%) |
#87A630 |
rgb(135,166,48) |
hsl(76,55%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304DA5 |
rgb(48,77,165) |
hsl(225,55%,42%) |
#A58730 |
rgb(165,135,48) |
hsl(45,55%,42%) |
#3087A5 |
rgb(48,135,165) |
hsl(195,55%,42%) |
#87A630 |
rgb(135,166,48) |
hsl(76,55%,42%) |