HEX #304A98 color — Sapphire
The color #304A98 is a dark shade and moderately saturated.
Palette
304A98 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(225,52%,99%) |
#e8ecf8 |
rgb(232,236,248) |
hsl(225,52%,94%) |
#d4dcf2 |
rgb(212,220,242) |
hsl(225,52%,89%) |
#c1cceb |
rgb(193,204,235) |
hsl(225,52%,84%) |
#aebce5 |
rgb(174,188,229) |
hsl(225,52%,79%) |
#9aabdf |
rgb(154,171,223) |
hsl(225,52%,74%) |
#879bd9 |
rgb(135,155,217) |
hsl(225,52%,69%) |
#738bd3 |
rgb(115,139,211) |
hsl(225,52%,64%) |
#607bcd |
rgb(96,123,205) |
hsl(225,52%,59%) |
#4d6bc7 |
rgb(77,107,199) |
hsl(225,52%,54%) |
#3c5cbe |
rgb(60,92,190) |
hsl(225,52%,49%) |
#3653ab |
rgb(54,83,171) |
hsl(225,52%,44%) |
#304a97 |
rgb(48,74,151) |
hsl(225,52%,39%) |
#2a4084 |
rgb(42,64,132) |
hsl(225,52%,34%) |
#233770 |
rgb(35,55,112) |
hsl(225,52%,29%) |
#1d2d5d |
rgb(29,45,93) |
hsl(225,52%,24%) |
#17244a |
rgb(23,36,74) |
hsl(225,52%,19%) |
#111a36 |
rgb(17,26,54) |
hsl(225,52%,14%) |
#0b1123 |
rgb(11,17,35) |
hsl(225,52%,9%) |
#050810 |
rgb(5,8,16) |
hsl(225,52%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#308F98 |
rgb(48,143,152) |
hsl(185,52%,39%) |
#304A98 |
rgb(48,74,152) |
hsl(225,52%,39%) |
#5B3098 |
rgb(91,48,152) |
hsl(265,52%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3757B0 |
rgb(55,87,176) |
hsl(224,52%,45%) |
#304A98 |
rgb(48,74,152) |
hsl(225,52%,39%) |
#283D7F |
rgb(40,61,127) |
hsl(226,52%,33%) |
#203367 |
rgb(32,51,103) |
hsl(224,53%,26%) |
#18264F |
rgb(24,38,79) |
hsl(225,53%,20%) |
#111A36 |
rgb(17,26,54) |
hsl(225,52%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#304A98 |
rgb(48,74,152) |
hsl(225,52%,39%) |
#984A30 |
rgb(152,74,48) |
hsl(15,52%,39%) |
#7E9930 |
rgb(126,153,48) |
hsl(75,52%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304A98 |
rgb(48,74,152) |
hsl(225,52%,39%) |
#987D30 |
rgb(152,125,48) |
hsl(44,52%,39%) |
#307D98 |
rgb(48,125,152) |
hsl(196,52%,39%) |
#7E9930 |
rgb(126,153,48) |
hsl(75,52%,39%) |