HEX #304C82 color — Chambray
The color #304c82 is a dark shade and moderately saturated.
Palette
304c82 color palette from light to dark
HEX |
RGB |
HSL |
#ecf0f8 |
rgb(236,240,248) |
hsl(220,46%,95%) |
#dae2f1 |
rgb(218,226,241) |
hsl(220,46%,90%) |
#c7d3ea |
rgb(199,211,234) |
hsl(220,46%,85%) |
#b5c4e3 |
rgb(181,196,227) |
hsl(220,46%,80%) |
#a2b5dd |
rgb(162,181,221) |
hsl(220,46%,75%) |
#8fa7d6 |
rgb(143,167,214) |
hsl(220,46%,70%) |
#7d98cf |
rgb(125,152,207) |
hsl(220,46%,65%) |
#6a89c8 |
rgb(106,137,200) |
hsl(220,46%,60%) |
#577bc1 |
rgb(87,123,193) |
hsl(220,46%,55%) |
#456cba |
rgb(69,108,186) |
hsl(220,46%,50%) |
#3e61a8 |
rgb(62,97,168) |
hsl(220,46%,45%) |
#375695 |
rgb(55,86,149) |
hsl(220,46%,40%) |
#304c82 |
rgb(48,76,130) |
hsl(220,46%,35%) |
#294170 |
rgb(41,65,112) |
hsl(220,46%,30%) |
#22365d |
rgb(34,54,93) |
hsl(220,46%,25%) |
#1c2b4a |
rgb(28,43,74) |
hsl(220,46%,20%) |
#152038 |
rgb(21,32,56) |
hsl(220,46%,15%) |
#0e1625 |
rgb(14,22,37) |
hsl(220,46%,10%) |
#070b13 |
rgb(7,11,19) |
hsl(220,46%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#308281 |
rgb(48,130,129) |
hsl(179,46%,35%) |
#304C82 |
rgb(48,76,130) |
hsl(220,46%,35%) |
#4A3082 |
rgb(74,48,130) |
hsl(259,46%,35%) |
Monochromatic colors
HEX |
RGB |
HSL |
#375996 |
rgb(55,89,150) |
hsl(219,46%,40%) |
#304C82 |
rgb(48,76,130) |
hsl(220,46%,35%) |
#28406D |
rgb(40,64,109) |
hsl(219,46%,29%) |
#203358 |
rgb(32,51,88) |
hsl(220,47%,24%) |
#182643 |
rgb(24,38,67) |
hsl(220,47%,18%) |
#111C2E |
rgb(17,28,46) |
hsl(217,46%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#304C82 |
rgb(48,76,130) |
hsl(220,46%,35%) |
#823D30 |
rgb(130,61,48) |
hsl(10,46%,35%) |
#758230 |
rgb(117,130,48) |
hsl(70,46%,35%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304C82 |
rgb(48,76,130) |
hsl(220,46%,35%) |
#826630 |
rgb(130,102,48) |
hsl(40,46%,35%) |
#307582 |
rgb(48,117,130) |
hsl(190,46%,35%) |
#758230 |
rgb(117,130,48) |
hsl(70,46%,35%) |