HEX #316D8C color — Calypso
The color #316D8C is a dark shade and moderately saturated.
Palette
316D8C color palette from light to dark
HEX |
RGB |
HSL |
#f4f9fb |
rgb(244,249,251) |
hsl(200,48%,97%) |
#e1eef4 |
rgb(225,238,244) |
hsl(200,48%,92%) |
#cee3ee |
rgb(206,227,238) |
hsl(200,48%,87%) |
#bbd8e7 |
rgb(187,216,231) |
hsl(200,48%,82%) |
#a8cee1 |
rgb(168,206,225) |
hsl(200,48%,77%) |
#95c3da |
rgb(149,195,218) |
hsl(200,48%,72%) |
#82b8d3 |
rgb(130,184,211) |
hsl(200,48%,67%) |
#70aecd |
rgb(112,174,205) |
hsl(200,48%,62%) |
#5da3c6 |
rgb(93,163,198) |
hsl(200,48%,57%) |
#4a98bf |
rgb(74,152,191) |
hsl(200,48%,52%) |
#3e8bb1 |
rgb(62,139,177) |
hsl(200,48%,47%) |
#387c9f |
rgb(56,124,159) |
hsl(200,48%,42%) |
#316d8c |
rgb(49,109,140) |
hsl(200,48%,37%) |
#2a5f79 |
rgb(42,95,121) |
hsl(200,48%,32%) |
#245066 |
rgb(36,80,102) |
hsl(200,48%,27%) |
#1d4153 |
rgb(29,65,83) |
hsl(200,48%,22%) |
#173240 |
rgb(23,50,64) |
hsl(200,48%,17%) |
#10232d |
rgb(16,35,45) |
hsl(200,48%,12%) |
#09151a |
rgb(9,21,26) |
hsl(200,48%,7%) |
#030608 |
rgb(3,6,8) |
hsl(200,48%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#318C6E |
rgb(49,140,110) |
hsl(160,48%,37%) |
#316D8C |
rgb(49,109,140) |
hsl(200,48%,37%) |
#31308C |
rgb(49,48,140) |
hsl(241,49%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3880A2 |
rgb(56,128,162) |
hsl(199,49%,43%) |
#316D8C |
rgb(49,109,140) |
hsl(200,48%,37%) |
#295C75 |
rgb(41,92,117) |
hsl(200,48%,31%) |
#214A5F |
rgb(33,74,95) |
hsl(200,48%,25%) |
#193848 |
rgb(25,56,72) |
hsl(200,48%,19%) |
#112632 |
rgb(17,38,50) |
hsl(202,49%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#316D8C |
rgb(49,109,140) |
hsl(200,48%,37%) |
#8C303F |
rgb(140,48,63) |
hsl(350,49%,37%) |
#8C7D31 |
rgb(140,125,49) |
hsl(50,48%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316D8C |
rgb(49,109,140) |
hsl(200,48%,37%) |
#8C4F31 |
rgb(140,79,49) |
hsl(20,48%,37%) |
#318C7D |
rgb(49,140,125) |
hsl(170,48%,37%) |
#8C7D31 |
rgb(140,125,49) |
hsl(50,48%,37%) |