HEX #316E90 color — Calypso
The color #316E90 is a dark shade and moderately saturated.
Palette
316E90 color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfc |
rgb(247,251,252) |
hsl(201,49%,98%) |
#e4f0f6 |
rgb(228,240,246) |
hsl(201,49%,93%) |
#d1e5ef |
rgb(209,229,239) |
hsl(201,49%,88%) |
#bedae9 |
rgb(190,218,233) |
hsl(201,49%,83%) |
#abcfe2 |
rgb(171,207,226) |
hsl(201,49%,78%) |
#98c4dc |
rgb(152,196,220) |
hsl(201,49%,73%) |
#85b9d5 |
rgb(133,185,213) |
hsl(201,49%,68%) |
#72afcf |
rgb(114,175,207) |
hsl(201,49%,63%) |
#5fa4c8 |
rgb(95,164,200) |
hsl(201,49%,58%) |
#4c99c2 |
rgb(76,153,194) |
hsl(201,49%,53%) |
#3e8cb6 |
rgb(62,140,182) |
hsl(201,49%,48%) |
#387ea3 |
rgb(56,126,163) |
hsl(201,49%,43%) |
#316f90 |
rgb(49,111,144) |
hsl(201,49%,38%) |
#2b617d |
rgb(43,97,125) |
hsl(201,49%,33%) |
#24526a |
rgb(36,82,106) |
hsl(201,49%,28%) |
#1e4357 |
rgb(30,67,87) |
hsl(201,49%,23%) |
#173544 |
rgb(23,53,68) |
hsl(201,49%,18%) |
#112631 |
rgb(17,38,49) |
hsl(201,49%,13%) |
#0a171e |
rgb(10,23,30) |
hsl(201,49%,8%) |
#04090b |
rgb(4,9,11) |
hsl(201,49%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#318F72 |
rgb(49,143,114) |
hsl(161,49%,38%) |
#316E90 |
rgb(49,110,144) |
hsl(201,49%,38%) |
#333090 |
rgb(51,48,144) |
hsl(242,50%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3880A7 |
rgb(56,128,167) |
hsl(201,50%,44%) |
#316E90 |
rgb(49,110,144) |
hsl(201,49%,38%) |
#295C78 |
rgb(41,92,120) |
hsl(201,49%,32%) |
#214A61 |
rgb(33,74,97) |
hsl(202,49%,25%) |
#19384A |
rgb(25,56,74) |
hsl(202,49%,19%) |
#112933 |
rgb(17,41,51) |
hsl(198,50%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#316E90 |
rgb(49,110,144) |
hsl(201,49%,38%) |
#90303E |
rgb(144,48,62) |
hsl(351,50%,38%) |
#908231 |
rgb(144,130,49) |
hsl(51,49%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316E90 |
rgb(49,110,144) |
hsl(201,49%,38%) |
#905431 |
rgb(144,84,49) |
hsl(22,49%,38%) |
#318F82 |
rgb(49,143,130) |
hsl(172,49%,38%) |
#908231 |
rgb(144,130,49) |
hsl(51,49%,38%) |