HEX #304A6B color — San Juan
The color #304A6B is a dark shade and moderately saturated.
Palette
304A6B color palette from light to dark
HEX |
RGB |
HSL |
#edf2f7 |
rgb(237,242,247) |
hsl(214,38%,95%) |
#dce4ef |
rgb(220,228,239) |
hsl(214,38%,90%) |
#cad7e7 |
rgb(202,215,231) |
hsl(214,38%,85%) |
#b9c9df |
rgb(185,201,223) |
hsl(214,38%,80%) |
#a7bcd7 |
rgb(167,188,215) |
hsl(214,38%,75%) |
#95afd0 |
rgb(149,175,208) |
hsl(214,38%,70%) |
#84a1c8 |
rgb(132,161,200) |
hsl(214,38%,65%) |
#7294c0 |
rgb(114,148,192) |
hsl(214,38%,60%) |
#6186b8 |
rgb(97,134,184) |
hsl(214,38%,55%) |
#4f79b0 |
rgb(79,121,176) |
hsl(214,38%,50%) |
#476d9e |
rgb(71,109,158) |
hsl(214,38%,45%) |
#3f618d |
rgb(63,97,141) |
hsl(214,38%,40%) |
#37557b |
rgb(55,85,123) |
hsl(214,38%,35%) |
#2f496a |
rgb(47,73,106) |
hsl(214,38%,30%) |
#283d58 |
rgb(40,61,88) |
hsl(214,38%,25%) |
#203046 |
rgb(32,48,70) |
hsl(214,38%,20%) |
#182435 |
rgb(24,36,53) |
hsl(214,38%,15%) |
#101823 |
rgb(16,24,35) |
hsl(214,38%,10%) |
#080c12 |
rgb(8,12,18) |
hsl(214,38%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#306B64 |
rgb(48,107,100) |
hsl(173,38%,30%) |
#304A6B |
rgb(48,74,107) |
hsl(214,38%,30%) |
#3D306B |
rgb(61,48,107) |
hsl(253,38%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#37577C |
rgb(55,87,124) |
hsl(212,39%,35%) |
#304A6B |
rgb(48,74,107) |
hsl(214,38%,30%) |
#283D59 |
rgb(40,61,89) |
hsl(214,38%,25%) |
#203348 |
rgb(32,51,72) |
hsl(212,38%,20%) |
#182637 |
rgb(24,38,55) |
hsl(213,39%,15%) |
#111A26 |
rgb(17,26,38) |
hsl(214,38%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#304A6B |
rgb(48,74,107) |
hsl(214,38%,30%) |
#6B3330 |
rgb(107,51,48) |
hsl(3,38%,30%) |
#676B30 |
rgb(103,107,48) |
hsl(64,38%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304A6B |
rgb(48,74,107) |
hsl(214,38%,30%) |
#6B5230 |
rgb(107,82,48) |
hsl(35,38%,30%) |
#30696B |
rgb(48,105,107) |
hsl(182,38%,30%) |
#676B30 |
rgb(103,107,48) |
hsl(64,38%,30%) |