HEX #304071 color — San Juan
The color #304071 is a dark shade and moderately saturated.
Palette
304071 color palette from light to dark
HEX |
RGB |
HSL |
#f4f6fa |
rgb(244,246,250) |
hsl(225,40%,97%) |
#e2e7f3 |
rgb(226,231,243) |
hsl(225,40%,92%) |
#d1d7eb |
rgb(209,215,235) |
hsl(225,40%,87%) |
#bfc8e3 |
rgb(191,200,227) |
hsl(225,40%,82%) |
#adb9dc |
rgb(173,185,220) |
hsl(225,40%,77%) |
#9ba9d4 |
rgb(155,169,212) |
hsl(225,40%,72%) |
#899acd |
rgb(137,154,205) |
hsl(225,40%,67%) |
#778bc5 |
rgb(119,139,197) |
hsl(225,40%,62%) |
#657bbd |
rgb(101,123,189) |
hsl(225,40%,57%) |
#546cb6 |
rgb(84,108,182) |
hsl(225,40%,52%) |
#4860a8 |
rgb(72,96,168) |
hsl(225,40%,47%) |
#405696 |
rgb(64,86,150) |
hsl(225,40%,42%) |
#394b84 |
rgb(57,75,132) |
hsl(225,40%,37%) |
#314172 |
rgb(49,65,114) |
hsl(225,40%,32%) |
#293760 |
rgb(41,55,96) |
hsl(225,40%,27%) |
#222d4f |
rgb(34,45,79) |
hsl(225,40%,22%) |
#1a233d |
rgb(26,35,61) |
hsl(225,40%,17%) |
#12182b |
rgb(18,24,43) |
hsl(225,40%,12%) |
#0b0e19 |
rgb(11,14,25) |
hsl(225,40%,7%) |
#030407 |
rgb(3,4,7) |
hsl(225,40%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#306B71 |
rgb(48,107,113) |
hsl(186,40%,32%) |
#304071 |
rgb(48,64,113) |
hsl(225,40%,32%) |
#4B3071 |
rgb(75,48,113) |
hsl(265,40%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#374A83 |
rgb(55,74,131) |
hsl(225,41%,36%) |
#304071 |
rgb(48,64,113) |
hsl(225,40%,32%) |
#28365E |
rgb(40,54,94) |
hsl(224,40%,26%) |
#202B4C |
rgb(32,43,76) |
hsl(225,41%,21%) |
#18213A |
rgb(24,33,58) |
hsl(224,41%,16%) |
#111728 |
rgb(17,23,40) |
hsl(224,40%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#304071 |
rgb(48,64,113) |
hsl(225,40%,32%) |
#714030 |
rgb(113,64,48) |
hsl(15,40%,32%) |
#607030 |
rgb(96,112,48) |
hsl(75,40%,31%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304071 |
rgb(48,64,113) |
hsl(225,40%,32%) |
#716130 |
rgb(113,97,48) |
hsl(45,40%,32%) |
#306171 |
rgb(48,97,113) |
hsl(195,40%,32%) |
#607030 |
rgb(96,112,48) |
hsl(75,40%,31%) |