HEX #304DAB color — Sapphire
The color #304dab is a dark shade and moderately saturated.
Palette
304dab color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(226,56%,98%) |
#e3e8f7 |
rgb(227,232,247) |
hsl(226,56%,93%) |
#cfd7f2 |
rgb(207,215,242) |
hsl(226,56%,88%) |
#bbc7ec |
rgb(187,199,236) |
hsl(226,56%,83%) |
#a7b6e6 |
rgb(167,182,230) |
hsl(226,56%,78%) |
#94a6e1 |
rgb(148,166,225) |
hsl(226,56%,73%) |
#8095db |
rgb(128,149,219) |
hsl(226,56%,68%) |
#6c84d5 |
rgb(108,132,213) |
hsl(226,56%,63%) |
#5874d0 |
rgb(88,116,208) |
hsl(226,56%,58%) |
#4463ca |
rgb(68,99,202) |
hsl(226,56%,53%) |
#3656bf |
rgb(54,86,191) |
hsl(226,56%,48%) |
#304dab |
rgb(48,77,171) |
hsl(226,56%,43%) |
#2b4497 |
rgb(43,68,151) |
hsl(226,56%,38%) |
#253b83 |
rgb(37,59,131) |
hsl(226,56%,33%) |
#1f326f |
rgb(31,50,111) |
hsl(226,56%,28%) |
#1a295b |
rgb(26,41,91) |
hsl(226,56%,23%) |
#142048 |
rgb(20,32,72) |
hsl(226,56%,18%) |
#0f1734 |
rgb(15,23,52) |
hsl(226,56%,13%) |
#090e20 |
rgb(9,14,32) |
hsl(226,56%,8%) |
#03050c |
rgb(3,5,12) |
hsl(226,56%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#309EAB |
rgb(48,158,171) |
hsl(186,56%,43%) |
#304DAB |
rgb(48,77,171) |
hsl(226,56%,43%) |
#6530AB |
rgb(101,48,171) |
hsl(266,56%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5270CE |
rgb(82,112,206) |
hsl(225,56%,56%) |
#3759C6 |
rgb(55,89,198) |
hsl(226,57%,50%) |
#304DAB |
rgb(48,77,171) |
hsl(226,56%,43%) |
#28408F |
rgb(40,64,143) |
hsl(226,56%,36%) |
#203674 |
rgb(32,54,116) |
hsl(224,57%,29%) |
#182958 |
rgb(24,41,88) |
hsl(224,57%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#304DAB |
rgb(48,77,171) |
hsl(226,56%,43%) |
#AB5230 |
rgb(171,82,48) |
hsl(17,56%,43%) |
#8AAB30 |
rgb(138,171,48) |
hsl(76,56%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304DAB |
rgb(48,77,171) |
hsl(226,56%,43%) |
#AB8F30 |
rgb(171,143,48) |
hsl(46,56%,43%) |
#308AAB |
rgb(48,138,171) |
hsl(196,56%,43%) |
#8AAB30 |
rgb(138,171,48) |
hsl(76,56%,43%) |