HEX #304D70 color — San Juan
The color #304D70 is a dark shade and moderately saturated.
Palette
304D70 color palette from light to dark
HEX |
RGB |
HSL |
#f1f4f9 |
rgb(241,244,249) |
hsl(213,40%,96%) |
#dfe7f1 |
rgb(223,231,241) |
hsl(213,40%,91%) |
#cddaea |
rgb(205,218,234) |
hsl(213,40%,86%) |
#bbcde2 |
rgb(187,205,226) |
hsl(213,40%,81%) |
#a9bfda |
rgb(169,191,218) |
hsl(213,40%,76%) |
#97b2d3 |
rgb(151,178,211) |
hsl(213,40%,71%) |
#86a5cb |
rgb(134,165,203) |
hsl(213,40%,66%) |
#7498c3 |
rgb(116,152,195) |
hsl(213,40%,61%) |
#628abc |
rgb(98,138,188) |
hsl(213,40%,56%) |
#507db4 |
rgb(80,125,180) |
hsl(213,40%,51%) |
#4671a4 |
rgb(70,113,164) |
hsl(213,40%,46%) |
#3f6492 |
rgb(63,100,146) |
hsl(213,40%,41%) |
#375881 |
rgb(55,88,129) |
hsl(213,40%,36%) |
#2f4c6f |
rgb(47,76,111) |
hsl(213,40%,31%) |
#28405d |
rgb(40,64,93) |
hsl(213,40%,26%) |
#20334b |
rgb(32,51,75) |
hsl(213,40%,21%) |
#182739 |
rgb(24,39,57) |
hsl(213,40%,16%) |
#111b27 |
rgb(17,27,39) |
hsl(213,40%,11%) |
#090f15 |
rgb(9,15,21) |
hsl(213,40%,6%) |
#020204 |
rgb(2,2,4) |
hsl(213,40%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#307068 |
rgb(48,112,104) |
hsl(173,40%,31%) |
#304D70 |
rgb(48,77,112) |
hsl(213,40%,31%) |
#3D3070 |
rgb(61,48,112) |
hsl(252,40%,31%) |
Monochromatic colors
HEX |
RGB |
HSL |
#375981 |
rgb(55,89,129) |
hsl(212,40%,36%) |
#304D70 |
rgb(48,77,112) |
hsl(213,40%,31%) |
#28405E |
rgb(40,64,94) |
hsl(213,40%,26%) |
#20364C |
rgb(32,54,76) |
hsl(210,41%,21%) |
#18293A |
rgb(24,41,58) |
hsl(210,41%,16%) |
#111C28 |
rgb(17,28,40) |
hsl(211,40%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#304D70 |
rgb(48,77,112) |
hsl(213,40%,31%) |
#703330 |
rgb(112,51,48) |
hsl(3,40%,31%) |
#6D7030 |
rgb(109,112,48) |
hsl(63,40%,31%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304D70 |
rgb(48,77,112) |
hsl(213,40%,31%) |
#705430 |
rgb(112,84,48) |
hsl(34,40%,31%) |
#306E70 |
rgb(48,110,112) |
hsl(182,40%,31%) |
#6D7030 |
rgb(109,112,48) |
hsl(63,40%,31%) |