HEX #304F7B color — Chambray
The color #304F7B is a dark shade and moderately saturated.
Palette
304F7B color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(215,44%,99%) |
#e9eff6 |
rgb(233,239,246) |
hsl(215,44%,94%) |
#d7e1ef |
rgb(215,225,239) |
hsl(215,44%,89%) |
#c4d3e8 |
rgb(196,211,232) |
hsl(215,44%,84%) |
#b2c6e1 |
rgb(178,198,225) |
hsl(215,44%,79%) |
#a0b8da |
rgb(160,184,218) |
hsl(215,44%,74%) |
#8daad3 |
rgb(141,170,211) |
hsl(215,44%,69%) |
#7b9ccc |
rgb(123,156,204) |
hsl(215,44%,64%) |
#688fc4 |
rgb(104,143,196) |
hsl(215,44%,59%) |
#5681bd |
rgb(86,129,189) |
hsl(215,44%,54%) |
#4674b4 |
rgb(70,116,180) |
hsl(215,44%,49%) |
#3f68a2 |
rgb(63,104,162) |
hsl(215,44%,44%) |
#385c8f |
rgb(56,92,143) |
hsl(215,44%,39%) |
#31507d |
rgb(49,80,125) |
hsl(215,44%,34%) |
#29456a |
rgb(41,69,106) |
hsl(215,44%,29%) |
#223958 |
rgb(34,57,88) |
hsl(215,44%,24%) |
#1b2d46 |
rgb(27,45,70) |
hsl(215,44%,19%) |
#142133 |
rgb(20,33,51) |
hsl(215,44%,14%) |
#0d1521 |
rgb(13,21,33) |
hsl(215,44%,9%) |
#06090f |
rgb(6,9,15) |
hsl(215,44%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#307A75 |
rgb(48,122,117) |
hsl(176,44%,33%) |
#304F7B |
rgb(48,79,123) |
hsl(215,44%,34%) |
#43307B |
rgb(67,48,123) |
hsl(255,44%,34%) |
Monochromatic colors
HEX |
RGB |
HSL |
#375C8E |
rgb(55,92,142) |
hsl(214,44%,39%) |
#304F7B |
rgb(48,79,123) |
hsl(215,44%,34%) |
#284267 |
rgb(40,66,103) |
hsl(215,44%,28%) |
#203653 |
rgb(32,54,83) |
hsl(214,44%,23%) |
#18293F |
rgb(24,41,63) |
hsl(214,45%,17%) |
#111C2C |
rgb(17,28,44) |
hsl(216,44%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#304F7B |
rgb(48,79,123) |
hsl(215,44%,34%) |
#7B3630 |
rgb(123,54,48) |
hsl(5,44%,34%) |
#747A30 |
rgb(116,122,48) |
hsl(65,44%,33%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304F7B |
rgb(48,79,123) |
hsl(215,44%,34%) |
#7B5C30 |
rgb(123,92,48) |
hsl(35,44%,34%) |
#30757B |
rgb(48,117,123) |
hsl(185,44%,34%) |
#747A30 |
rgb(116,122,48) |
hsl(65,44%,33%) |