HEX #317AC1 color — Mariner
The color #317AC1 is a dark shade and moderately saturated.
Palette
317AC1 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fc |
rgb(243,247,252) |
hsl(210,60%,97%) |
#deebf7 |
rgb(222,235,247) |
hsl(210,60%,92%) |
#cadef2 |
rgb(202,222,242) |
hsl(210,60%,87%) |
#b6d1ed |
rgb(182,209,237) |
hsl(210,60%,82%) |
#a1c4e8 |
rgb(161,196,232) |
hsl(210,60%,77%) |
#8db8e2 |
rgb(141,184,226) |
hsl(210,60%,72%) |
#78abdd |
rgb(120,171,221) |
hsl(210,60%,67%) |
#649ed8 |
rgb(100,158,216) |
hsl(210,60%,62%) |
#5091d3 |
rgb(80,145,211) |
hsl(210,60%,57%) |
#3b85ce |
rgb(59,133,206) |
hsl(210,60%,52%) |
#3078c0 |
rgb(48,120,192) |
hsl(210,60%,47%) |
#2b6bab |
rgb(43,107,171) |
hsl(210,60%,42%) |
#265e97 |
rgb(38,94,151) |
hsl(210,60%,37%) |
#215283 |
rgb(33,82,131) |
hsl(210,60%,32%) |
#1c456e |
rgb(28,69,110) |
hsl(210,60%,27%) |
#16385a |
rgb(22,56,90) |
hsl(210,60%,22%) |
#112b45 |
rgb(17,43,69) |
hsl(210,60%,17%) |
#0c1f31 |
rgb(12,31,49) |
hsl(210,60%,12%) |
#07121d |
rgb(7,18,29) |
hsl(210,60%,7%) |
#020508 |
rgb(2,5,8) |
hsl(210,60%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31C2A8 |
rgb(49,194,168) |
hsl(169,60%,48%) |
#317AC1 |
rgb(49,122,193) |
hsl(210,60%,47%) |
#4830C1 |
rgb(72,48,193) |
hsl(250,60%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#67A1D8 |
rgb(103,161,216) |
hsl(209,59%,63%) |
#488CD0 |
rgb(72,140,208) |
hsl(210,59%,55%) |
#317AC1 |
rgb(49,122,193) |
hsl(210,60%,47%) |
#2966A2 |
rgb(41,102,162) |
hsl(210,60%,40%) |
#215483 |
rgb(33,84,131) |
hsl(209,60%,32%) |
#194064 |
rgb(25,64,100) |
hsl(209,60%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#317AC1 |
rgb(49,122,193) |
hsl(210,60%,47%) |
#C13032 |
rgb(193,48,50) |
hsl(359,60%,47%) |
#C1BF31 |
rgb(193,191,49) |
hsl(59,60%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#317AC1 |
rgb(49,122,193) |
hsl(210,60%,47%) |
#C17831 |
rgb(193,120,49) |
hsl(30,60%,47%) |
#31C2C0 |
rgb(49,194,192) |
hsl(179,60%,48%) |
#C1BF31 |
rgb(193,191,49) |
hsl(59,60%,47%) |