HEX #304D86 color — Chambray
The color #304D86 is a dark shade and moderately saturated.
Palette
304D86 color palette from light to dark
| HEX |
RGB |
HSL |
| #f0f3fa |
rgb(240,243,250) |
hsl(220,47%,96%) |
| #dde4f3 |
rgb(221,228,243) |
hsl(220,47%,91%) |
| #cbd6ec |
rgb(203,214,236) |
hsl(220,47%,86%) |
| #b8c7e5 |
rgb(184,199,229) |
hsl(220,47%,81%) |
| #a5b8df |
rgb(165,184,223) |
hsl(220,47%,76%) |
| #92a9d8 |
rgb(146,169,216) |
hsl(220,47%,71%) |
| #809bd1 |
rgb(128,155,209) |
hsl(220,47%,66%) |
| #6d8cca |
rgb(109,140,202) |
hsl(220,47%,61%) |
| #5a7dc4 |
rgb(90,125,196) |
hsl(220,47%,56%) |
| #476ebd |
rgb(71,110,189) |
hsl(220,47%,51%) |
| #3e63ac |
rgb(62,99,172) |
hsl(220,47%,46%) |
| #37589a |
rgb(55,88,154) |
hsl(220,47%,41%) |
| #314d87 |
rgb(49,77,135) |
hsl(220,47%,36%) |
| #2a4374 |
rgb(42,67,116) |
hsl(220,47%,31%) |
| #233861 |
rgb(35,56,97) |
hsl(220,47%,26%) |
| #1c2d4f |
rgb(28,45,79) |
hsl(220,47%,21%) |
| #16223c |
rgb(22,34,60) |
hsl(220,47%,16%) |
| #0f1829 |
rgb(15,24,41) |
hsl(220,47%,11%) |
| #080d16 |
rgb(8,13,22) |
hsl(220,47%,6%) |
| #010204 |
rgb(1,2,4) |
hsl(220,47%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #308785 |
rgb(48,135,133) |
hsl(179,48%,36%) |
| #304D86 |
rgb(48,77,134) |
hsl(220,47%,36%) |
| #4C3086 |
rgb(76,48,134) |
hsl(260,47%,36%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #37599B |
rgb(55,89,155) |
hsl(220,48%,41%) |
| #304D86 |
rgb(48,77,134) |
hsl(220,47%,36%) |
| #284070 |
rgb(40,64,112) |
hsl(220,47%,30%) |
| #20365B |
rgb(32,54,91) |
hsl(218,48%,24%) |
| #182945 |
rgb(24,41,69) |
hsl(217,48%,18%) |
| #111C30 |
rgb(17,28,48) |
hsl(219,48%,13%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #304D86 |
rgb(48,77,134) |
hsl(220,47%,36%) |
| #863D30 |
rgb(134,61,48) |
hsl(9,47%,36%) |
| #788730 |
rgb(120,135,48) |
hsl(70,48%,36%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304D86 |
rgb(48,77,134) |
hsl(220,47%,36%) |
| #866930 |
rgb(134,105,48) |
hsl(40,47%,36%) |
| #307886 |
rgb(48,120,134) |
hsl(190,47%,36%) |
| #788730 |
rgb(120,135,48) |
hsl(70,48%,36%) |
