HEX #334370 color — San Juan
The color #334370 is a dark shade and moderately saturated.
Palette
334370 color palette from light to dark
HEX |
RGB |
HSL |
#f5f6fa |
rgb(245,246,250) |
hsl(224,37%,97%) |
#e3e7f2 |
rgb(227,231,242) |
hsl(224,37%,92%) |
#d2d8ea |
rgb(210,216,234) |
hsl(224,37%,87%) |
#c0c9e2 |
rgb(192,201,226) |
hsl(224,37%,82%) |
#afbada |
rgb(175,186,218) |
hsl(224,37%,77%) |
#9dabd2 |
rgb(157,171,210) |
hsl(224,37%,72%) |
#8c9cca |
rgb(140,156,202) |
hsl(224,37%,67%) |
#7a8dc2 |
rgb(122,141,194) |
hsl(224,37%,62%) |
#697eba |
rgb(105,126,186) |
hsl(224,37%,57%) |
#576fb2 |
rgb(87,111,178) |
hsl(224,37%,52%) |
#4c63a4 |
rgb(76,99,164) |
hsl(224,37%,47%) |
#435993 |
rgb(67,89,147) |
hsl(224,37%,42%) |
#3b4e81 |
rgb(59,78,129) |
hsl(224,37%,37%) |
#334470 |
rgb(51,68,112) |
hsl(224,37%,32%) |
#2b395e |
rgb(43,57,94) |
hsl(224,37%,27%) |
#232e4d |
rgb(35,46,77) |
hsl(224,37%,22%) |
#1b243b |
rgb(27,36,59) |
hsl(224,37%,17%) |
#13192a |
rgb(19,25,42) |
hsl(224,37%,12%) |
#0b0f18 |
rgb(11,15,24) |
hsl(224,37%,7%) |
#030407 |
rgb(3,4,7) |
hsl(224,37%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#336B70 |
rgb(51,107,112) |
hsl(185,37%,32%) |
#334370 |
rgb(51,67,112) |
hsl(224,37%,32%) |
#4B3370 |
rgb(75,51,112) |
hsl(264,37%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B4D81 |
rgb(59,77,129) |
hsl(225,37%,37%) |
#334370 |
rgb(51,67,112) |
hsl(224,37%,32%) |
#2A385E |
rgb(42,56,94) |
hsl(224,38%,27%) |
#222E4C |
rgb(34,46,76) |
hsl(223,38%,22%) |
#1A243A |
rgb(26,36,58) |
hsl(221,38%,16%) |
#121728 |
rgb(18,23,40) |
hsl(226,38%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#334370 |
rgb(51,67,112) |
hsl(224,37%,32%) |
#704233 |
rgb(112,66,51) |
hsl(15,37%,32%) |
#617033 |
rgb(97,112,51) |
hsl(75,37%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#334370 |
rgb(51,67,112) |
hsl(224,37%,32%) |
#706133 |
rgb(112,97,51) |
hsl(45,37%,32%) |
#336170 |
rgb(51,97,112) |
hsl(195,37%,32%) |
#617033 |
rgb(97,112,51) |
hsl(75,37%,32%) |