HEX #304D99 color — Sapphire
The color #304D99 is a dark shade and moderately saturated.
Palette
304D99 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(223,52%,99%) |
#e8ecf8 |
rgb(232,236,248) |
hsl(223,52%,94%) |
#d4ddf2 |
rgb(212,221,242) |
hsl(223,52%,89%) |
#c1cdeb |
rgb(193,205,235) |
hsl(223,52%,84%) |
#aebde5 |
rgb(174,189,229) |
hsl(223,52%,79%) |
#9aaedf |
rgb(154,174,223) |
hsl(223,52%,74%) |
#879ed9 |
rgb(135,158,217) |
hsl(223,52%,69%) |
#738fd3 |
rgb(115,143,211) |
hsl(223,52%,64%) |
#607fcd |
rgb(96,127,205) |
hsl(223,52%,59%) |
#4d6fc7 |
rgb(77,111,199) |
hsl(223,52%,54%) |
#3c61be |
rgb(60,97,190) |
hsl(223,52%,49%) |
#3657ab |
rgb(54,87,171) |
hsl(223,52%,44%) |
#304d97 |
rgb(48,77,151) |
hsl(223,52%,39%) |
#2a4384 |
rgb(42,67,132) |
hsl(223,52%,34%) |
#233970 |
rgb(35,57,112) |
hsl(223,52%,29%) |
#1d2f5d |
rgb(29,47,93) |
hsl(223,52%,24%) |
#17264a |
rgb(23,38,74) |
hsl(223,52%,19%) |
#111c36 |
rgb(17,28,54) |
hsl(223,52%,14%) |
#0b1223 |
rgb(11,18,35) |
hsl(223,52%,9%) |
#050810 |
rgb(5,8,16) |
hsl(223,52%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#309499 |
rgb(48,148,153) |
hsl(183,52%,39%) |
#304D99 |
rgb(48,77,153) |
hsl(223,52%,39%) |
#593099 |
rgb(89,48,153) |
hsl(263,52%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3759B1 |
rgb(55,89,177) |
hsl(223,53%,45%) |
#304D99 |
rgb(48,77,153) |
hsl(223,52%,39%) |
#284080 |
rgb(40,64,128) |
hsl(224,52%,33%) |
#203668 |
rgb(32,54,104) |
hsl(222,53%,27%) |
#18294F |
rgb(24,41,79) |
hsl(221,53%,20%) |
#111C37 |
rgb(17,28,55) |
hsl(223,53%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#304D99 |
rgb(48,77,153) |
hsl(223,52%,39%) |
#994730 |
rgb(153,71,48) |
hsl(13,52%,39%) |
#819930 |
rgb(129,153,48) |
hsl(74,52%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304D99 |
rgb(48,77,153) |
hsl(223,52%,39%) |
#997D30 |
rgb(153,125,48) |
hsl(44,52%,39%) |
#308299 |
rgb(48,130,153) |
hsl(193,52%,39%) |
#819930 |
rgb(129,153,48) |
hsl(74,52%,39%) |