HEX #303BA1 color — Sapphire
The color #303ba1 is a dark shade and moderately saturated.
Palette
303ba1 color palette from light to dark
HEX |
RGB |
HSL |
#eff0fa |
rgb(239,240,250) |
hsl(234,54%,96%) |
#dcdef4 |
rgb(220,222,244) |
hsl(234,54%,91%) |
#c8ccef |
rgb(200,204,239) |
hsl(234,54%,86%) |
#b4bae9 |
rgb(180,186,233) |
hsl(234,54%,81%) |
#a1a7e3 |
rgb(161,167,227) |
hsl(234,54%,76%) |
#8d95dd |
rgb(141,149,221) |
hsl(234,54%,71%) |
#7983d7 |
rgb(121,131,215) |
hsl(234,54%,66%) |
#6671d1 |
rgb(102,113,209) |
hsl(234,54%,61%) |
#525ecb |
rgb(82,94,203) |
hsl(234,54%,56%) |
#3f4cc6 |
rgb(63,76,198) |
hsl(234,54%,51%) |
#3643b5 |
rgb(54,67,181) |
hsl(234,54%,46%) |
#303ba1 |
rgb(48,59,161) |
hsl(234,54%,41%) |
#2a348d |
rgb(42,52,141) |
hsl(234,54%,36%) |
#242d7a |
rgb(36,45,122) |
hsl(234,54%,31%) |
#1e2666 |
rgb(30,38,102) |
hsl(234,54%,26%) |
#191e52 |
rgb(25,30,82) |
hsl(234,54%,21%) |
#13173f |
rgb(19,23,63) |
hsl(234,54%,16%) |
#0d102b |
rgb(13,16,43) |
hsl(234,54%,11%) |
#070918 |
rgb(7,9,24) |
hsl(234,54%,6%) |
#010104 |
rgb(1,1,4) |
hsl(234,54%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3087A1 |
rgb(48,135,161) |
hsl(194,54%,41%) |
#303BA1 |
rgb(48,59,161) |
hsl(234,54%,41%) |
#7030A1 |
rgb(112,48,161) |
hsl(274,54%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4A57C9 |
rgb(74,87,201) |
hsl(234,54%,54%) |
#3745BA |
rgb(55,69,186) |
hsl(234,54%,47%) |
#303BA1 |
rgb(48,59,161) |
hsl(234,54%,41%) |
#283087 |
rgb(40,48,135) |
hsl(235,54%,34%) |
#20296D |
rgb(32,41,109) |
hsl(233,55%,28%) |
#181F53 |
rgb(24,31,83) |
hsl(233,55%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#303BA1 |
rgb(48,59,161) |
hsl(234,54%,41%) |
#A15E30 |
rgb(161,94,48) |
hsl(24,54%,41%) |
#73A130 |
rgb(115,161,48) |
hsl(84,54%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#303BA1 |
rgb(48,59,161) |
hsl(234,54%,41%) |
#A19630 |
rgb(161,150,48) |
hsl(54,54%,41%) |
#3073A1 |
rgb(48,115,161) |
hsl(204,54%,41%) |
#73A130 |
rgb(115,161,48) |
hsl(84,54%,41%) |