HEX #304770 color — San Juan
The color #304770 is a dark shade and moderately saturated.
Palette
304770 color palette from light to dark
HEX |
RGB |
HSL |
#f1f4f9 |
rgb(241,244,249) |
hsl(218,40%,96%) |
#dfe6f1 |
rgb(223,230,241) |
hsl(218,40%,91%) |
#cdd7ea |
rgb(205,215,234) |
hsl(218,40%,86%) |
#bbc9e2 |
rgb(187,201,226) |
hsl(218,40%,81%) |
#a9bbda |
rgb(169,187,218) |
hsl(218,40%,76%) |
#97add3 |
rgb(151,173,211) |
hsl(218,40%,71%) |
#869fcb |
rgb(134,159,203) |
hsl(218,40%,66%) |
#7491c3 |
rgb(116,145,195) |
hsl(218,40%,61%) |
#6283bc |
rgb(98,131,188) |
hsl(218,40%,56%) |
#5075b4 |
rgb(80,117,180) |
hsl(218,40%,51%) |
#4669a4 |
rgb(70,105,164) |
hsl(218,40%,46%) |
#3f5d92 |
rgb(63,93,146) |
hsl(218,40%,41%) |
#375281 |
rgb(55,82,129) |
hsl(218,40%,36%) |
#2f476f |
rgb(47,71,111) |
hsl(218,40%,31%) |
#283b5d |
rgb(40,59,93) |
hsl(218,40%,26%) |
#20304b |
rgb(32,48,75) |
hsl(218,40%,21%) |
#182439 |
rgb(24,36,57) |
hsl(218,40%,16%) |
#111927 |
rgb(17,25,39) |
hsl(218,40%,11%) |
#090e15 |
rgb(9,14,21) |
hsl(218,40%,6%) |
#020204 |
rgb(2,2,4) |
hsl(218,40%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#30706E |
rgb(48,112,110) |
hsl(178,40%,31%) |
#304770 |
rgb(48,71,112) |
hsl(218,40%,31%) |
#433070 |
rgb(67,48,112) |
hsl(258,40%,31%) |
Monochromatic colors
HEX |
RGB |
HSL |
#375281 |
rgb(55,82,129) |
hsl(218,40%,36%) |
#304770 |
rgb(48,71,112) |
hsl(218,40%,31%) |
#283B5E |
rgb(40,59,94) |
hsl(219,40%,26%) |
#20304C |
rgb(32,48,76) |
hsl(218,41%,21%) |
#18243A |
rgb(24,36,58) |
hsl(219,41%,16%) |
#111A28 |
rgb(17,26,40) |
hsl(217,40%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#304770 |
rgb(48,71,112) |
hsl(218,40%,31%) |
#703830 |
rgb(112,56,48) |
hsl(8,40%,31%) |
#677030 |
rgb(103,112,48) |
hsl(68,40%,31%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304770 |
rgb(48,71,112) |
hsl(218,40%,31%) |
#705930 |
rgb(112,89,48) |
hsl(38,40%,31%) |
#306670 |
rgb(48,102,112) |
hsl(189,40%,31%) |
#677030 |
rgb(103,112,48) |
hsl(68,40%,31%) |