HEX #31708C color — Calypso
The color #31708c is a dark shade and moderately saturated.
Palette
31708c color palette from light to dark
HEX |
RGB |
HSL |
#f4f9fb |
rgb(244,249,251) |
hsl(198,48%,97%) |
#e1eff4 |
rgb(225,239,244) |
hsl(198,48%,92%) |
#cee4ee |
rgb(206,228,238) |
hsl(198,48%,87%) |
#bbdae7 |
rgb(187,218,231) |
hsl(198,48%,82%) |
#a8d0e1 |
rgb(168,208,225) |
hsl(198,48%,77%) |
#95c5da |
rgb(149,197,218) |
hsl(198,48%,72%) |
#82bbd3 |
rgb(130,187,211) |
hsl(198,48%,67%) |
#70b1cd |
rgb(112,177,205) |
hsl(198,48%,62%) |
#5da6c6 |
rgb(93,166,198) |
hsl(198,48%,57%) |
#4a9cbf |
rgb(74,156,191) |
hsl(198,48%,52%) |
#3e8fb1 |
rgb(62,143,177) |
hsl(198,48%,47%) |
#38809f |
rgb(56,128,159) |
hsl(198,48%,42%) |
#31708c |
rgb(49,112,140) |
hsl(198,48%,37%) |
#2a6179 |
rgb(42,97,121) |
hsl(198,48%,32%) |
#245266 |
rgb(36,82,102) |
hsl(198,48%,27%) |
#1d4353 |
rgb(29,67,83) |
hsl(198,48%,22%) |
#173440 |
rgb(23,52,64) |
hsl(198,48%,17%) |
#10242d |
rgb(16,36,45) |
hsl(198,48%,12%) |
#09151a |
rgb(9,21,26) |
hsl(198,48%,7%) |
#030608 |
rgb(3,6,8) |
hsl(198,48%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#318C6B |
rgb(49,140,107) |
hsl(158,48%,37%) |
#31708C |
rgb(49,112,140) |
hsl(198,48%,37%) |
#31338C |
rgb(49,51,140) |
hsl(239,48%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3882A2 |
rgb(56,130,162) |
hsl(198,49%,43%) |
#31708C |
rgb(49,112,140) |
hsl(198,48%,37%) |
#295E75 |
rgb(41,94,117) |
hsl(198,48%,31%) |
#214D5F |
rgb(33,77,95) |
hsl(197,48%,25%) |
#193B48 |
rgb(25,59,72) |
hsl(197,48%,19%) |
#112932 |
rgb(17,41,50) |
hsl(196,49%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#31708C |
rgb(49,112,140) |
hsl(198,48%,37%) |
#8C3042 |
rgb(140,48,66) |
hsl(348,49%,37%) |
#8C7A31 |
rgb(140,122,49) |
hsl(48,48%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#31708C |
rgb(49,112,140) |
hsl(198,48%,37%) |
#8C4D31 |
rgb(140,77,49) |
hsl(18,48%,37%) |
#318C7A |
rgb(49,140,122) |
hsl(168,48%,37%) |
#8C7A31 |
rgb(140,122,49) |
hsl(48,48%,37%) |