HEX #304869 color — San Juan
The color #304869 is a dark shade and moderately saturated.
Palette
304869 color palette from light to dark
HEX |
RGB |
HSL |
#eef1f7 |
rgb(238,241,247) |
hsl(215,37%,95%) |
#dce4ef |
rgb(220,228,239) |
hsl(215,37%,90%) |
#cbd6e7 |
rgb(203,214,231) |
hsl(215,37%,85%) |
#b9c9df |
rgb(185,201,223) |
hsl(215,37%,80%) |
#a8bbd7 |
rgb(168,187,215) |
hsl(215,37%,75%) |
#96aecf |
rgb(150,174,207) |
hsl(215,37%,70%) |
#85a0c7 |
rgb(133,160,199) |
hsl(215,37%,65%) |
#7393bf |
rgb(115,147,191) |
hsl(215,37%,60%) |
#6285b7 |
rgb(98,133,183) |
hsl(215,37%,55%) |
#5078af |
rgb(80,120,175) |
hsl(215,37%,50%) |
#486c9d |
rgb(72,108,157) |
hsl(215,37%,45%) |
#40608c |
rgb(64,96,140) |
hsl(215,37%,40%) |
#38547a |
rgb(56,84,122) |
hsl(215,37%,35%) |
#304869 |
rgb(48,72,105) |
hsl(215,37%,30%) |
#283c57 |
rgb(40,60,87) |
hsl(215,37%,25%) |
#203046 |
rgb(32,48,70) |
hsl(215,37%,20%) |
#182434 |
rgb(24,36,52) |
hsl(215,37%,15%) |
#101823 |
rgb(16,24,35) |
hsl(215,37%,10%) |
#080c11 |
rgb(8,12,17) |
hsl(215,37%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#306964 |
rgb(48,105,100) |
hsl(175,37%,30%) |
#304869 |
rgb(48,72,105) |
hsl(215,37%,30%) |
#3E3069 |
rgb(62,48,105) |
hsl(255,37%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#375479 |
rgb(55,84,121) |
hsl(214,38%,35%) |
#304869 |
rgb(48,72,105) |
hsl(215,37%,30%) |
#283D58 |
rgb(40,61,88) |
hsl(214,38%,25%) |
#203047 |
rgb(32,48,71) |
hsl(215,38%,20%) |
#182636 |
rgb(24,38,54) |
hsl(212,38%,15%) |
#111A25 |
rgb(17,26,37) |
hsl(213,37%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#304869 |
rgb(48,72,105) |
hsl(215,37%,30%) |
#693630 |
rgb(105,54,48) |
hsl(6,37%,30%) |
#646930 |
rgb(100,105,48) |
hsl(65,37%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304869 |
rgb(48,72,105) |
hsl(215,37%,30%) |
#695230 |
rgb(105,82,48) |
hsl(36,37%,30%) |
#306369 |
rgb(48,99,105) |
hsl(186,37%,30%) |
#646930 |
rgb(100,105,48) |
hsl(65,37%,30%) |