HEX #316E96 color — Calypso
The color #316E96 is a dark shade and moderately saturated.
Palette
316E96 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(204,51%,99%) |
#e8f1f8 |
rgb(232,241,248) |
hsl(204,51%,94%) |
#d5e6f1 |
rgb(213,230,241) |
hsl(204,51%,89%) |
#c1daeb |
rgb(193,218,235) |
hsl(204,51%,84%) |
#aecfe5 |
rgb(174,207,229) |
hsl(204,51%,79%) |
#9bc3df |
rgb(155,195,223) |
hsl(204,51%,74%) |
#88b8d8 |
rgb(136,184,216) |
hsl(204,51%,69%) |
#74add2 |
rgb(116,173,210) |
hsl(204,51%,64%) |
#61a1cc |
rgb(97,161,204) |
hsl(204,51%,59%) |
#4e96c6 |
rgb(78,150,198) |
hsl(204,51%,54%) |
#3d8abd |
rgb(61,138,189) |
hsl(204,51%,49%) |
#377ca9 |
rgb(55,124,169) |
hsl(204,51%,44%) |
#316e96 |
rgb(49,110,150) |
hsl(204,51%,39%) |
#2a6083 |
rgb(42,96,131) |
hsl(204,51%,34%) |
#245170 |
rgb(36,81,112) |
hsl(204,51%,29%) |
#1e435c |
rgb(30,67,92) |
hsl(204,51%,24%) |
#183549 |
rgb(24,53,73) |
hsl(204,51%,19%) |
#112736 |
rgb(17,39,54) |
hsl(204,51%,14%) |
#0b1923 |
rgb(11,25,35) |
hsl(204,51%,9%) |
#050b0f |
rgb(5,11,15) |
hsl(204,51%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#31967A |
rgb(49,150,122) |
hsl(163,51%,39%) |
#316E96 |
rgb(49,110,150) |
hsl(204,51%,39%) |
#373096 |
rgb(55,48,150) |
hsl(244,52%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3880AE |
rgb(56,128,174) |
hsl(203,51%,45%) |
#316E96 |
rgb(49,110,150) |
hsl(204,51%,39%) |
#295C7E |
rgb(41,92,126) |
hsl(204,51%,33%) |
#214A66 |
rgb(33,74,102) |
hsl(204,51%,26%) |
#19384E |
rgb(25,56,78) |
hsl(205,51%,20%) |
#112936 |
rgb(17,41,54) |
hsl(201,52%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#316E96 |
rgb(49,110,150) |
hsl(204,51%,39%) |
#96303B |
rgb(150,48,59) |
hsl(354,52%,39%) |
#968C31 |
rgb(150,140,49) |
hsl(54,51%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316E96 |
rgb(49,110,150) |
hsl(204,51%,39%) |
#965931 |
rgb(150,89,49) |
hsl(24,51%,39%) |
#31968B |
rgb(49,150,139) |
hsl(173,51%,39%) |
#968C31 |
rgb(150,140,49) |
hsl(54,51%,39%) |