HEX #314DD9 color — Mariner
The color #314DD9 is a dark shade and moderately saturated.
Palette
314DD9 color palette from light to dark
HEX |
RGB |
HSL |
#f2f4fd |
rgb(242,244,253) |
hsl(230,69%,97%) |
#dde1f9 |
rgb(221,225,249) |
hsl(230,69%,92%) |
#c7cff5 |
rgb(199,207,245) |
hsl(230,69%,87%) |
#b1bcf1 |
rgb(177,188,241) |
hsl(230,69%,82%) |
#9ca9ed |
rgb(156,169,237) |
hsl(230,69%,77%) |
#8697e9 |
rgb(134,151,233) |
hsl(230,69%,72%) |
#7184e5 |
rgb(113,132,229) |
hsl(230,69%,67%) |
#5b72e1 |
rgb(91,114,225) |
hsl(230,69%,62%) |
#465fdd |
rgb(70,95,221) |
hsl(230,69%,57%) |
#304cd9 |
rgb(48,76,217) |
hsl(230,69%,52%) |
#2541cb |
rgb(37,65,203) |
hsl(230,69%,47%) |
#213ab5 |
rgb(33,58,181) |
hsl(230,69%,42%) |
#1d339f |
rgb(29,51,159) |
hsl(230,69%,37%) |
#192c8a |
rgb(25,44,138) |
hsl(230,69%,32%) |
#152574 |
rgb(21,37,116) |
hsl(230,69%,27%) |
#111e5f |
rgb(17,30,95) |
hsl(230,69%,22%) |
#0d1749 |
rgb(13,23,73) |
hsl(230,69%,17%) |
#091134 |
rgb(9,17,52) |
hsl(230,69%,12%) |
#060a1e |
rgb(6,10,30) |
hsl(230,69%,7%) |
#020309 |
rgb(2,3,9) |
hsl(230,69%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31BDD9 |
rgb(49,189,217) |
hsl(190,69%,52%) |
#314DD9 |
rgb(49,77,217) |
hsl(230,69%,52%) |
#8530D9 |
rgb(133,48,217) |
hsl(270,69%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#788CE6 |
rgb(120,140,230) |
hsl(229,69%,69%) |
#546BDF |
rgb(84,107,223) |
hsl(230,68%,60%) |
#314DD9 |
rgb(49,77,217) |
hsl(230,69%,52%) |
#223DBC |
rgb(34,61,188) |
hsl(229,69%,44%) |
#1C3098 |
rgb(28,48,152) |
hsl(230,69%,35%) |
#152674 |
rgb(21,38,116) |
hsl(229,69%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#314DD9 |
rgb(49,77,217) |
hsl(230,69%,52%) |
#D96931 |
rgb(217,105,49) |
hsl(20,69%,52%) |
#A1D931 |
rgb(161,217,49) |
hsl(80,69%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314DD9 |
rgb(49,77,217) |
hsl(230,69%,52%) |
#D9BD31 |
rgb(217,189,49) |
hsl(50,69%,52%) |
#31A1D9 |
rgb(49,161,217) |
hsl(200,69%,52%) |
#A1D931 |
rgb(161,217,49) |
hsl(80,69%,52%) |