HEX #304A67 color — San Juan
The color #304A67 is a dark shade and moderately saturated.
Palette
304A67 color palette from light to dark
HEX |
RGB |
HSL |
#eef2f7 |
rgb(238,242,247) |
hsl(212,36%,95%) |
#dce5ef |
rgb(220,229,239) |
hsl(212,36%,90%) |
#cbd8e7 |
rgb(203,216,231) |
hsl(212,36%,85%) |
#bacbde |
rgb(186,203,222) |
hsl(212,36%,80%) |
#a8bed6 |
rgb(168,190,214) |
hsl(212,36%,75%) |
#97b1ce |
rgb(151,177,206) |
hsl(212,36%,70%) |
#86a4c6 |
rgb(134,164,198) |
hsl(212,36%,65%) |
#7497be |
rgb(116,151,190) |
hsl(212,36%,60%) |
#6389b6 |
rgb(99,137,182) |
hsl(212,36%,55%) |
#527cad |
rgb(82,124,173) |
hsl(212,36%,50%) |
#49709c |
rgb(73,112,156) |
hsl(212,36%,45%) |
#41648b |
rgb(65,100,139) |
hsl(212,36%,40%) |
#395779 |
rgb(57,87,121) |
hsl(212,36%,35%) |
#314b68 |
rgb(49,75,104) |
hsl(212,36%,30%) |
#293e57 |
rgb(41,62,87) |
hsl(212,36%,25%) |
#213245 |
rgb(33,50,69) |
hsl(212,36%,20%) |
#182534 |
rgb(24,37,52) |
hsl(212,36%,15%) |
#101923 |
rgb(16,25,35) |
hsl(212,36%,10%) |
#080c11 |
rgb(8,12,17) |
hsl(212,36%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#30665F |
rgb(48,102,95) |
hsl(172,36%,29%) |
#304A67 |
rgb(48,74,103) |
hsl(212,36%,30%) |
#3A3067 |
rgb(58,48,103) |
hsl(251,36%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#375777 |
rgb(55,87,119) |
hsl(210,37%,34%) |
#304A67 |
rgb(48,74,103) |
hsl(212,36%,30%) |
#283D56 |
rgb(40,61,86) |
hsl(213,37%,25%) |
#203346 |
rgb(32,51,70) |
hsl(210,37%,20%) |
#182635 |
rgb(24,38,53) |
hsl(211,38%,15%) |
#111A25 |
rgb(17,26,37) |
hsl(213,37%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#304A67 |
rgb(48,74,103) |
hsl(212,36%,30%) |
#673030 |
rgb(103,48,48) |
hsl(360,36%,30%) |
#656630 |
rgb(101,102,48) |
hsl(61,36%,29%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304A67 |
rgb(48,74,103) |
hsl(212,36%,30%) |
#674D30 |
rgb(103,77,48) |
hsl(32,36%,30%) |
#306667 |
rgb(48,102,103) |
hsl(181,36%,30%) |
#656630 |
rgb(101,102,48) |
hsl(61,36%,29%) |