HEX #304DA8 color — Sapphire
The color #304DA8 is a dark shade and moderately saturated.
Palette
304DA8 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fc |
rgb(243,245,252) |
hsl(226,56%,97%) |
#dfe5f6 |
rgb(223,229,246) |
hsl(226,56%,92%) |
#cbd4f0 |
rgb(203,212,240) |
hsl(226,56%,87%) |
#b7c3eb |
rgb(183,195,235) |
hsl(226,56%,82%) |
#a4b3e5 |
rgb(164,179,229) |
hsl(226,56%,77%) |
#90a2e0 |
rgb(144,162,224) |
hsl(226,56%,72%) |
#7c92da |
rgb(124,146,218) |
hsl(226,56%,67%) |
#6881d4 |
rgb(104,129,212) |
hsl(226,56%,62%) |
#5471cf |
rgb(84,113,207) |
hsl(226,56%,57%) |
#4060c9 |
rgb(64,96,201) |
hsl(226,56%,52%) |
#3554bb |
rgb(53,84,187) |
hsl(226,56%,47%) |
#2f4ba7 |
rgb(47,75,167) |
hsl(226,56%,42%) |
#2a4293 |
rgb(42,66,147) |
hsl(226,56%,37%) |
#24397f |
rgb(36,57,127) |
hsl(226,56%,32%) |
#1e306b |
rgb(30,48,107) |
hsl(226,56%,27%) |
#192758 |
rgb(25,39,88) |
hsl(226,56%,22%) |
#131e44 |
rgb(19,30,68) |
hsl(226,56%,17%) |
#0d1530 |
rgb(13,21,48) |
hsl(226,56%,12%) |
#080d1c |
rgb(8,13,28) |
hsl(226,56%,7%) |
#020408 |
rgb(2,4,8) |
hsl(226,56%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#309EA8 |
rgb(48,158,168) |
hsl(185,56%,42%) |
#304DA8 |
rgb(48,77,168) |
hsl(226,56%,42%) |
#6330A8 |
rgb(99,48,168) |
hsl(266,56%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#506ECD |
rgb(80,110,205) |
hsl(226,56%,56%) |
#3759C2 |
rgb(55,89,194) |
hsl(225,56%,49%) |
#304DA8 |
rgb(48,77,168) |
hsl(226,56%,42%) |
#28408D |
rgb(40,64,141) |
hsl(226,56%,35%) |
#203672 |
rgb(32,54,114) |
hsl(224,56%,29%) |
#182957 |
rgb(24,41,87) |
hsl(224,57%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#304DA8 |
rgb(48,77,168) |
hsl(226,56%,42%) |
#A84F30 |
rgb(168,79,48) |
hsl(16,56%,42%) |
#89A830 |
rgb(137,168,48) |
hsl(76,56%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304DA8 |
rgb(48,77,168) |
hsl(226,56%,42%) |
#A88C30 |
rgb(168,140,48) |
hsl(46,56%,42%) |
#308AA8 |
rgb(48,138,168) |
hsl(195,56%,42%) |
#89A830 |
rgb(137,168,48) |
hsl(76,56%,42%) |