HEX #317396 color — Calypso
The color #317396 is a dark shade and moderately saturated.
Palette
317396 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(201,51%,99%) |
#e8f2f8 |
rgb(232,242,248) |
hsl(201,51%,94%) |
#d5e7f1 |
rgb(213,231,241) |
hsl(201,51%,89%) |
#c1dceb |
rgb(193,220,235) |
hsl(201,51%,84%) |
#aed2e5 |
rgb(174,210,229) |
hsl(201,51%,79%) |
#9bc7df |
rgb(155,199,223) |
hsl(201,51%,74%) |
#88bcd8 |
rgb(136,188,216) |
hsl(201,51%,69%) |
#74b1d2 |
rgb(116,177,210) |
hsl(201,51%,64%) |
#61a6cc |
rgb(97,166,204) |
hsl(201,51%,59%) |
#4e9cc6 |
rgb(78,156,198) |
hsl(201,51%,54%) |
#3d90bd |
rgb(61,144,189) |
hsl(201,51%,49%) |
#3781a9 |
rgb(55,129,169) |
hsl(201,51%,44%) |
#317396 |
rgb(49,115,150) |
hsl(201,51%,39%) |
#2a6483 |
rgb(42,100,131) |
hsl(201,51%,34%) |
#245570 |
rgb(36,85,112) |
hsl(201,51%,29%) |
#1e475c |
rgb(30,71,92) |
hsl(201,51%,24%) |
#183849 |
rgb(24,56,73) |
hsl(201,51%,19%) |
#112936 |
rgb(17,41,54) |
hsl(201,51%,14%) |
#0b1a23 |
rgb(11,26,35) |
hsl(201,51%,9%) |
#050c0f |
rgb(5,12,15) |
hsl(201,51%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#319675 |
rgb(49,150,117) |
hsl(160,51%,39%) |
#317396 |
rgb(49,115,150) |
hsl(201,51%,39%) |
#323096 |
rgb(50,48,150) |
hsl(241,52%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3885AE |
rgb(56,133,174) |
hsl(201,51%,45%) |
#317396 |
rgb(49,115,150) |
hsl(201,51%,39%) |
#29617E |
rgb(41,97,126) |
hsl(200,51%,33%) |
#214F66 |
rgb(33,79,102) |
hsl(200,51%,26%) |
#193B4E |
rgb(25,59,78) |
hsl(202,51%,20%) |
#112936 |
rgb(17,41,54) |
hsl(201,52%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#317396 |
rgb(49,115,150) |
hsl(201,51%,39%) |
#963040 |
rgb(150,48,64) |
hsl(351,52%,39%) |
#968731 |
rgb(150,135,49) |
hsl(51,51%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#317396 |
rgb(49,115,150) |
hsl(201,51%,39%) |
#965431 |
rgb(150,84,49) |
hsl(21,51%,39%) |
#319686 |
rgb(49,150,134) |
hsl(170,51%,39%) |
#968731 |
rgb(150,135,49) |
hsl(51,51%,39%) |