HEX #316B90 color — Calypso
The color #316B90 is a dark shade and moderately saturated.
Palette
316B90 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafc |
rgb(247,250,252) |
hsl(203,49%,98%) |
#e4eff6 |
rgb(228,239,246) |
hsl(203,49%,93%) |
#d1e4ef |
rgb(209,228,239) |
hsl(203,49%,88%) |
#bed9e9 |
rgb(190,217,233) |
hsl(203,49%,83%) |
#abcde2 |
rgb(171,205,226) |
hsl(203,49%,78%) |
#98c2dc |
rgb(152,194,220) |
hsl(203,49%,73%) |
#85b7d5 |
rgb(133,183,213) |
hsl(203,49%,68%) |
#72abcf |
rgb(114,171,207) |
hsl(203,49%,63%) |
#5fa0c8 |
rgb(95,160,200) |
hsl(203,49%,58%) |
#4c95c2 |
rgb(76,149,194) |
hsl(203,49%,53%) |
#3e88b6 |
rgb(62,136,182) |
hsl(203,49%,48%) |
#387aa3 |
rgb(56,122,163) |
hsl(203,49%,43%) |
#316c90 |
rgb(49,108,144) |
hsl(203,49%,38%) |
#2b5e7d |
rgb(43,94,125) |
hsl(203,49%,33%) |
#24506a |
rgb(36,80,106) |
hsl(203,49%,28%) |
#1e4157 |
rgb(30,65,87) |
hsl(203,49%,23%) |
#173344 |
rgb(23,51,68) |
hsl(203,49%,18%) |
#112531 |
rgb(17,37,49) |
hsl(203,49%,13%) |
#0a171e |
rgb(10,23,30) |
hsl(203,49%,8%) |
#04090b |
rgb(4,9,11) |
hsl(203,49%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#318F75 |
rgb(49,143,117) |
hsl(163,49%,38%) |
#316B90 |
rgb(49,107,144) |
hsl(203,49%,38%) |
#363090 |
rgb(54,48,144) |
hsl(244,50%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#387DA7 |
rgb(56,125,167) |
hsl(203,50%,44%) |
#316B90 |
rgb(49,107,144) |
hsl(203,49%,38%) |
#295978 |
rgb(41,89,120) |
hsl(204,49%,32%) |
#214A61 |
rgb(33,74,97) |
hsl(202,49%,25%) |
#19384A |
rgb(25,56,74) |
hsl(202,49%,19%) |
#112633 |
rgb(17,38,51) |
hsl(203,50%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#316B90 |
rgb(49,107,144) |
hsl(203,49%,38%) |
#90303B |
rgb(144,48,59) |
hsl(353,50%,38%) |
#908531 |
rgb(144,133,49) |
hsl(53,49%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316B90 |
rgb(49,107,144) |
hsl(203,49%,38%) |
#905731 |
rgb(144,87,49) |
hsl(24,49%,38%) |
#318F85 |
rgb(49,143,133) |
hsl(174,49%,38%) |
#908531 |
rgb(144,133,49) |
hsl(53,49%,38%) |