HEX #305AD9 color — Mariner

The color #305ad9 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

305ad9 color palette from light to dark

HEX RGB HSL
#f2f5fd rgb(242,245,253) hsl(225,69%,97%)
#dde4f9 rgb(221,228,249) hsl(225,69%,92%)
#c7d2f5 rgb(199,210,245) hsl(225,69%,87%)
#b1c1f1 rgb(177,193,241) hsl(225,69%,82%)
#9cb0ed rgb(156,176,237) hsl(225,69%,77%)
#869fe9 rgb(134,159,233) hsl(225,69%,72%)
#718ee5 rgb(113,142,229) hsl(225,69%,67%)
#5b7de1 rgb(91,125,225) hsl(225,69%,62%)
#466cdd rgb(70,108,221) hsl(225,69%,57%)
#305ad9 rgb(48,90,217) hsl(225,69%,52%)
#254fcb rgb(37,79,203) hsl(225,69%,47%)
#2146b5 rgb(33,70,181) hsl(225,69%,42%)
#1d3e9f rgb(29,62,159) hsl(225,69%,37%)
#19358a rgb(25,53,138) hsl(225,69%,32%)
#152d74 rgb(21,45,116) hsl(225,69%,27%)
#11255f rgb(17,37,95) hsl(225,69%,22%)
#0d1c49 rgb(13,28,73) hsl(225,69%,17%)
#091434 rgb(9,20,52) hsl(225,69%,12%)
#060c1e rgb(6,12,30) hsl(225,69%,7%)
#020309 rgb(2,3,9) hsl(225,69%,2%)

Adjacent colors

HEX RGB HSL
#30C9D9 rgb(48,201,217) hsl(186,69%,52%)
#305AD9 rgb(48,90,217) hsl(225,69%,52%)
#7630D9 rgb(118,48,217) hsl(265,69%,52%)

Monochromatic colors

HEX RGB HSL
#7794E6 rgb(119,148,230) hsl(224,69%,68%)
#5375DF rgb(83,117,223) hsl(225,69%,60%)
#305AD9 rgb(48,90,217) hsl(225,69%,52%)
#224ABC rgb(34,74,188) hsl(224,69%,44%)
#1B3B98 rgb(27,59,152) hsl(225,70%,35%)
#152E74 rgb(21,46,116) hsl(224,69%,27%)

Triad color palettes

HEX RGB HSL
#305AD9 rgb(48,90,217) hsl(225,69%,52%)
#D95930 rgb(217,89,48) hsl(15,69%,52%)
#AED930 rgb(174,217,48) hsl(75,69%,52%)

Tetrad color palettes

HEX RGB HSL
#305AD9 rgb(48,90,217) hsl(225,69%,52%)
#D9B030 rgb(217,176,48) hsl(45,69%,52%)
#30ADD9 rgb(48,173,217) hsl(196,69%,52%)
#AED930 rgb(174,217,48) hsl(75,69%,52%)