HEX #336188 color — Calypso
The color #336188 is a dark shade and moderately saturated.
Palette
336188 color palette from light to dark
HEX |
RGB |
HSL |
#f4f8fb |
rgb(244,248,251) |
hsl(208,45%,97%) |
#e1ebf4 |
rgb(225,235,244) |
hsl(208,45%,92%) |
#cfdfed |
rgb(207,223,237) |
hsl(208,45%,87%) |
#bcd2e6 |
rgb(188,210,230) |
hsl(208,45%,82%) |
#aac6df |
rgb(170,198,223) |
hsl(208,45%,77%) |
#97bad8 |
rgb(151,186,216) |
hsl(208,45%,72%) |
#85add1 |
rgb(133,173,209) |
hsl(208,45%,67%) |
#72a1ca |
rgb(114,161,202) |
hsl(208,45%,62%) |
#6095c3 |
rgb(96,149,195) |
hsl(208,45%,57%) |
#4e88bc |
rgb(78,136,188) |
hsl(208,45%,52%) |
#427bae |
rgb(66,123,174) |
hsl(208,45%,47%) |
#3b6e9b |
rgb(59,110,155) |
hsl(208,45%,42%) |
#346189 |
rgb(52,97,137) |
hsl(208,45%,37%) |
#2d5476 |
rgb(45,84,118) |
hsl(208,45%,32%) |
#264764 |
rgb(38,71,100) |
hsl(208,45%,27%) |
#1f3a51 |
rgb(31,58,81) |
hsl(208,45%,22%) |
#182d3f |
rgb(24,45,63) |
hsl(208,45%,17%) |
#11202c |
rgb(17,32,44) |
hsl(208,45%,12%) |
#0a121a |
rgb(10,18,26) |
hsl(208,45%,7%) |
#030507 |
rgb(3,5,7) |
hsl(208,45%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#338776 |
rgb(51,135,118) |
hsl(168,45%,36%) |
#336188 |
rgb(51,97,136) |
hsl(208,45%,37%) |
#3D3388 |
rgb(61,51,136) |
hsl(247,45%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B709D |
rgb(59,112,157) |
hsl(208,45%,42%) |
#336188 |
rgb(51,97,136) |
hsl(208,45%,37%) |
#2A5272 |
rgb(42,82,114) |
hsl(207,46%,31%) |
#22425C |
rgb(34,66,92) |
hsl(207,46%,25%) |
#1A3346 |
rgb(26,51,70) |
hsl(206,46%,19%) |
#122430 |
rgb(18,36,48) |
hsl(204,45%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#336188 |
rgb(51,97,136) |
hsl(208,45%,37%) |
#883336 |
rgb(136,51,54) |
hsl(358,45%,37%) |
#888533 |
rgb(136,133,51) |
hsl(58,45%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336188 |
rgb(51,97,136) |
hsl(208,45%,37%) |
#885933 |
rgb(136,89,51) |
hsl(27,45%,37%) |
#338784 |
rgb(51,135,132) |
hsl(178,45%,36%) |
#888533 |
rgb(136,133,51) |
hsl(58,45%,37%) |