HEX #3B6696 color — Calypso
The color #3B6696 is a dark shade and moderately saturated.
Palette
3B6696 color palette from light to dark
HEX |
RGB |
HSL |
#f0f5f9 |
rgb(240,245,249) |
hsl(212,44%,96%) |
#dee7f2 |
rgb(222,231,242) |
hsl(212,44%,91%) |
#ccdaeb |
rgb(204,218,235) |
hsl(212,44%,86%) |
#b9cde4 |
rgb(185,205,228) |
hsl(212,44%,81%) |
#a7c0dd |
rgb(167,192,221) |
hsl(212,44%,76%) |
#95b3d6 |
rgb(149,179,214) |
hsl(212,44%,71%) |
#82a6ce |
rgb(130,166,206) |
hsl(212,44%,66%) |
#7099c7 |
rgb(112,153,199) |
hsl(212,44%,61%) |
#5d8cc0 |
rgb(93,140,192) |
hsl(212,44%,56%) |
#4b7eb9 |
rgb(75,126,185) |
hsl(212,44%,51%) |
#4272a9 |
rgb(66,114,169) |
hsl(212,44%,46%) |
#3b6597 |
rgb(59,101,151) |
hsl(212,44%,41%) |
#335984 |
rgb(51,89,132) |
hsl(212,44%,36%) |
#2c4d72 |
rgb(44,77,114) |
hsl(212,44%,31%) |
#25405f |
rgb(37,64,95) |
hsl(212,44%,26%) |
#1e344d |
rgb(30,52,77) |
hsl(212,44%,21%) |
#17283b |
rgb(23,40,59) |
hsl(212,44%,16%) |
#101b28 |
rgb(16,27,40) |
hsl(212,44%,11%) |
#090f16 |
rgb(9,15,22) |
hsl(212,44%,6%) |
#010204 |
rgb(1,2,4) |
hsl(212,44%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3B9689 |
rgb(59,150,137) |
hsl(171,44%,41%) |
#3B6696 |
rgb(59,102,150) |
hsl(212,44%,41%) |
#4C3B96 |
rgb(76,59,150) |
hsl(251,44%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5687BC |
rgb(86,135,188) |
hsl(211,43%,54%) |
#4475AE |
rgb(68,117,174) |
hsl(212,44%,47%) |
#3B6696 |
rgb(59,102,150) |
hsl(212,44%,41%) |
#31577E |
rgb(49,87,126) |
hsl(210,44%,34%) |
#284566 |
rgb(40,69,102) |
hsl(212,44%,28%) |
#1E364E |
rgb(30,54,78) |
hsl(210,44%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B6696 |
rgb(59,102,150) |
hsl(212,44%,41%) |
#963D3B |
rgb(150,61,59) |
hsl(1,44%,41%) |
#93963B |
rgb(147,150,59) |
hsl(62,44%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B6696 |
rgb(59,102,150) |
hsl(212,44%,41%) |
#966B3B |
rgb(150,107,59) |
hsl(32,44%,41%) |
#3B9496 |
rgb(59,148,150) |
hsl(181,44%,41%) |
#93963B |
rgb(147,150,59) |
hsl(62,44%,41%) |