HEX #304599 color — Sapphire
The color #304599 is a dark shade and moderately saturated.
Palette
304599 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(228,52%,99%) |
#e8ebf8 |
rgb(232,235,248) |
hsl(228,52%,94%) |
#d4daf2 |
rgb(212,218,242) |
hsl(228,52%,89%) |
#c1c9eb |
rgb(193,201,235) |
hsl(228,52%,84%) |
#aeb9e5 |
rgb(174,185,229) |
hsl(228,52%,79%) |
#9aa8df |
rgb(154,168,223) |
hsl(228,52%,74%) |
#8797d9 |
rgb(135,151,217) |
hsl(228,52%,69%) |
#7387d3 |
rgb(115,135,211) |
hsl(228,52%,64%) |
#6076cd |
rgb(96,118,205) |
hsl(228,52%,59%) |
#4d65c7 |
rgb(77,101,199) |
hsl(228,52%,54%) |
#3c56be |
rgb(60,86,190) |
hsl(228,52%,49%) |
#364dab |
rgb(54,77,171) |
hsl(228,52%,44%) |
#304497 |
rgb(48,68,151) |
hsl(228,52%,39%) |
#2a3c84 |
rgb(42,60,132) |
hsl(228,52%,34%) |
#233370 |
rgb(35,51,112) |
hsl(228,52%,29%) |
#1d2a5d |
rgb(29,42,93) |
hsl(228,52%,24%) |
#17214a |
rgb(23,33,74) |
hsl(228,52%,19%) |
#111936 |
rgb(17,25,54) |
hsl(228,52%,14%) |
#0b1023 |
rgb(11,16,35) |
hsl(228,52%,9%) |
#050710 |
rgb(5,7,16) |
hsl(228,52%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#308C99 |
rgb(48,140,153) |
hsl(187,52%,39%) |
#304599 |
rgb(48,69,153) |
hsl(228,52%,39%) |
#613099 |
rgb(97,48,153) |
hsl(268,52%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#374FB1 |
rgb(55,79,177) |
hsl(228,53%,45%) |
#304599 |
rgb(48,69,153) |
hsl(228,52%,39%) |
#283B80 |
rgb(40,59,128) |
hsl(227,52%,33%) |
#202E68 |
rgb(32,46,104) |
hsl(228,53%,27%) |
#18244F |
rgb(24,36,79) |
hsl(227,53%,20%) |
#111A37 |
rgb(17,26,55) |
hsl(226,53%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#304599 |
rgb(48,69,153) |
hsl(228,52%,39%) |
#994F30 |
rgb(153,79,48) |
hsl(18,52%,39%) |
#799930 |
rgb(121,153,48) |
hsl(78,52%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304599 |
rgb(48,69,153) |
hsl(228,52%,39%) |
#998530 |
rgb(153,133,48) |
hsl(49,52%,39%) |
#307A99 |
rgb(48,122,153) |
hsl(198,52%,39%) |
#799930 |
rgb(121,153,48) |
hsl(78,52%,39%) |