HEX #304D89 color — Chambray
The color #304D89 is a dark shade and moderately saturated.
Palette
304D89 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3fa |
rgb(240,243,250) |
hsl(220,48%,96%) |
#dde4f3 |
rgb(221,228,243) |
hsl(220,48%,91%) |
#cad6ec |
rgb(202,214,236) |
hsl(220,48%,86%) |
#b7c7e6 |
rgb(183,199,230) |
hsl(220,48%,81%) |
#a4b8df |
rgb(164,184,223) |
hsl(220,48%,76%) |
#92a9d9 |
rgb(146,169,217) |
hsl(220,48%,71%) |
#7f9ad2 |
rgb(127,154,210) |
hsl(220,48%,66%) |
#6c8ccb |
rgb(108,140,203) |
hsl(220,48%,61%) |
#597dc5 |
rgb(89,125,197) |
hsl(220,48%,56%) |
#466ebe |
rgb(70,110,190) |
hsl(220,48%,51%) |
#3d63ae |
rgb(61,99,174) |
hsl(220,48%,46%) |
#36589b |
rgb(54,88,155) |
hsl(220,48%,41%) |
#304d88 |
rgb(48,77,136) |
hsl(220,48%,36%) |
#294275 |
rgb(41,66,117) |
hsl(220,48%,31%) |
#223862 |
rgb(34,56,98) |
hsl(220,48%,26%) |
#1c2d4f |
rgb(28,45,79) |
hsl(220,48%,21%) |
#15223c |
rgb(21,34,60) |
hsl(220,48%,16%) |
#0f182a |
rgb(15,24,42) |
hsl(220,48%,11%) |
#080d17 |
rgb(8,13,23) |
hsl(220,48%,6%) |
#010204 |
rgb(1,2,4) |
hsl(220,48%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#308789 |
rgb(48,135,137) |
hsl(181,48%,36%) |
#304D89 |
rgb(48,77,137) |
hsl(220,48%,36%) |
#4E3089 |
rgb(78,48,137) |
hsl(260,48%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#37599E |
rgb(55,89,158) |
hsl(220,48%,42%) |
#304D89 |
rgb(48,77,137) |
hsl(220,48%,36%) |
#284073 |
rgb(40,64,115) |
hsl(221,48%,30%) |
#20365D |
rgb(32,54,93) |
hsl(218,49%,25%) |
#182947 |
rgb(24,41,71) |
hsl(218,49%,19%) |
#111C31 |
rgb(17,28,49) |
hsl(219,48%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#304D89 |
rgb(48,77,137) |
hsl(220,48%,36%) |
#894030 |
rgb(137,64,48) |
hsl(11,48%,36%) |
#798A30 |
rgb(121,138,48) |
hsl(71,48%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304D89 |
rgb(48,77,137) |
hsl(220,48%,36%) |
#896B30 |
rgb(137,107,48) |
hsl(40,48%,36%) |
#307A89 |
rgb(48,122,137) |
hsl(190,48%,36%) |
#798A30 |
rgb(121,138,48) |
hsl(71,48%,36%) |