HEX #346688 color — Calypso
The color #346688 is a dark shade and moderately saturated.
Palette
346688 color palette from light to dark
HEX |
RGB |
HSL |
#f4f8fb |
rgb(244,248,251) |
hsl(204,45%,97%) |
#e1ecf4 |
rgb(225,236,244) |
hsl(204,45%,92%) |
#cfe1ed |
rgb(207,225,237) |
hsl(204,45%,87%) |
#bcd5e6 |
rgb(188,213,230) |
hsl(204,45%,82%) |
#aacadf |
rgb(170,202,223) |
hsl(204,45%,77%) |
#97bed8 |
rgb(151,190,216) |
hsl(204,45%,72%) |
#85b2d1 |
rgb(133,178,209) |
hsl(204,45%,67%) |
#72a7ca |
rgb(114,167,202) |
hsl(204,45%,62%) |
#609bc3 |
rgb(96,155,195) |
hsl(204,45%,57%) |
#4e90bc |
rgb(78,144,188) |
hsl(204,45%,52%) |
#4283ae |
rgb(66,131,174) |
hsl(204,45%,47%) |
#3b759b |
rgb(59,117,155) |
hsl(204,45%,42%) |
#346789 |
rgb(52,103,137) |
hsl(204,45%,37%) |
#2d5976 |
rgb(45,89,118) |
hsl(204,45%,32%) |
#264b64 |
rgb(38,75,100) |
hsl(204,45%,27%) |
#1f3d51 |
rgb(31,61,81) |
hsl(204,45%,22%) |
#182f3f |
rgb(24,47,63) |
hsl(204,45%,17%) |
#11212c |
rgb(17,33,44) |
hsl(204,45%,12%) |
#0a131a |
rgb(10,19,26) |
hsl(204,45%,7%) |
#030607 |
rgb(3,6,7) |
hsl(204,45%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#348772 |
rgb(52,135,114) |
hsl(165,44%,37%) |
#346688 |
rgb(52,102,136) |
hsl(204,45%,37%) |
#3A3388 |
rgb(58,51,136) |
hsl(245,45%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3C759D |
rgb(60,117,157) |
hsl(205,45%,43%) |
#346688 |
rgb(52,102,136) |
hsl(204,45%,37%) |
#2B5772 |
rgb(43,87,114) |
hsl(203,45%,31%) |
#23455C |
rgb(35,69,92) |
hsl(204,45%,25%) |
#1B3646 |
rgb(27,54,70) |
hsl(202,44%,19%) |
#122430 |
rgb(18,36,48) |
hsl(204,45%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#346688 |
rgb(52,102,136) |
hsl(204,45%,37%) |
#88333C |
rgb(136,51,60) |
hsl(354,45%,37%) |
#888034 |
rgb(136,128,52) |
hsl(54,45%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#346688 |
rgb(52,102,136) |
hsl(204,45%,37%) |
#885734 |
rgb(136,87,52) |
hsl(25,45%,37%) |
#348780 |
rgb(52,135,128) |
hsl(175,44%,37%) |
#888034 |
rgb(136,128,52) |
hsl(54,45%,37%) |