HEX #304DA7 color — Sapphire
The color #304DA7 is a dark shade and moderately saturated.
Palette
304DA7 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 |
#309CA7 |
rgb(48,156,167) |
hsl(186,55%,42%) |
#304DA7 |
rgb(48,77,167) |
hsl(225,55%,42%) |
#6230A7 |
rgb(98,48,167) |
hsl(265,55%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4F6ECC |
rgb(79,110,204) |
hsl(225,55%,55%) |
#3759C1 |
rgb(55,89,193) |
hsl(225,56%,49%) |
#304DA7 |
rgb(48,77,167) |
hsl(225,55%,42%) |
#28408C |
rgb(40,64,140) |
hsl(226,56%,35%) |
#203671 |
rgb(32,54,113) |
hsl(224,56%,28%) |
#182956 |
rgb(24,41,86) |
hsl(224,56%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#304DA7 |
rgb(48,77,167) |
hsl(225,55%,42%) |
#A74F30 |
rgb(167,79,48) |
hsl(16,55%,42%) |
#88A630 |
rgb(136,166,48) |
hsl(75,55%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304DA7 |
rgb(48,77,167) |
hsl(225,55%,42%) |
#A78A30 |
rgb(167,138,48) |
hsl(45,55%,42%) |
#308AA7 |
rgb(48,138,167) |
hsl(195,55%,42%) |
#88A630 |
rgb(136,166,48) |
hsl(75,55%,42%) |