HEX #316B8D color — Calypso
The color #316B8D is a dark shade and moderately saturated.
Palette
316B8D color palette from light to dark
HEX |
RGB |
HSL |
#f4f8fb |
rgb(244,248,251) |
hsl(202,48%,97%) |
#e1edf4 |
rgb(225,237,244) |
hsl(202,48%,92%) |
#cee2ee |
rgb(206,226,238) |
hsl(202,48%,87%) |
#bbd7e7 |
rgb(187,215,231) |
hsl(202,48%,82%) |
#a8cce1 |
rgb(168,204,225) |
hsl(202,48%,77%) |
#95c1da |
rgb(149,193,218) |
hsl(202,48%,72%) |
#82b6d3 |
rgb(130,182,211) |
hsl(202,48%,67%) |
#70abcd |
rgb(112,171,205) |
hsl(202,48%,62%) |
#5d9fc6 |
rgb(93,159,198) |
hsl(202,48%,57%) |
#4a94bf |
rgb(74,148,191) |
hsl(202,48%,52%) |
#3e87b1 |
rgb(62,135,177) |
hsl(202,48%,47%) |
#38799f |
rgb(56,121,159) |
hsl(202,48%,42%) |
#316a8c |
rgb(49,106,140) |
hsl(202,48%,37%) |
#2a5c79 |
rgb(42,92,121) |
hsl(202,48%,32%) |
#244e66 |
rgb(36,78,102) |
hsl(202,48%,27%) |
#1d3f53 |
rgb(29,63,83) |
hsl(202,48%,22%) |
#173140 |
rgb(23,49,64) |
hsl(202,48%,17%) |
#10232d |
rgb(16,35,45) |
hsl(202,48%,12%) |
#09141a |
rgb(9,20,26) |
hsl(202,48%,7%) |
#030608 |
rgb(3,6,8) |
hsl(202,48%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#318C71 |
rgb(49,140,113) |
hsl(162,48%,37%) |
#316B8D |
rgb(49,107,141) |
hsl(202,48%,37%) |
#34308D |
rgb(52,48,141) |
hsl(243,49%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#387DA3 |
rgb(56,125,163) |
hsl(201,49%,43%) |
#316B8D |
rgb(49,107,141) |
hsl(202,48%,37%) |
#295976 |
rgb(41,89,118) |
hsl(203,48%,31%) |
#214A5F |
rgb(33,74,95) |
hsl(200,48%,25%) |
#193849 |
rgb(25,56,73) |
hsl(201,49%,19%) |
#112632 |
rgb(17,38,50) |
hsl(202,49%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#316B8D |
rgb(49,107,141) |
hsl(202,48%,37%) |
#8D303D |
rgb(141,48,61) |
hsl(352,49%,37%) |
#8D8231 |
rgb(141,130,49) |
hsl(53,48%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316B8D |
rgb(49,107,141) |
hsl(202,48%,37%) |
#8D5431 |
rgb(141,84,49) |
hsl(23,48%,37%) |
#318C81 |
rgb(49,140,129) |
hsl(173,48%,37%) |
#8D8231 |
rgb(141,130,49) |
hsl(53,48%,37%) |