HEX #2F85C5 color — Mariner
The color #2F85C5 is a dark shade and moderately saturated.
Palette
2F85C5 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(206,61%,98%) |
#e2eff8 |
rgb(226,239,248) |
hsl(206,61%,93%) |
#cee3f3 |
rgb(206,227,243) |
hsl(206,61%,88%) |
#b9d7ee |
rgb(185,215,238) |
hsl(206,61%,83%) |
#a5cbe9 |
rgb(165,203,233) |
hsl(206,61%,78%) |
#90c0e4 |
rgb(144,192,228) |
hsl(206,61%,73%) |
#7cb4df |
rgb(124,180,223) |
hsl(206,61%,68%) |
#67a8da |
rgb(103,168,218) |
hsl(206,61%,63%) |
#539dd5 |
rgb(83,157,213) |
hsl(206,61%,58%) |
#3e91d0 |
rgb(62,145,208) |
hsl(206,61%,53%) |
#3084c5 |
rgb(48,132,197) |
hsl(206,61%,48%) |
#2b77b1 |
rgb(43,119,177) |
hsl(206,61%,43%) |
#26699c |
rgb(38,105,156) |
hsl(206,61%,38%) |
#215b87 |
rgb(33,91,135) |
hsl(206,61%,33%) |
#1c4d73 |
rgb(28,77,115) |
hsl(206,61%,28%) |
#173f5e |
rgb(23,63,94) |
hsl(206,61%,23%) |
#12324a |
rgb(18,50,74) |
hsl(206,61%,18%) |
#0d2435 |
rgb(13,36,53) |
hsl(206,61%,13%) |
#081621 |
rgb(8,22,33) |
hsl(206,61%,8%) |
#03080c |
rgb(3,8,12) |
hsl(206,61%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#2FC4A1 |
rgb(47,196,161) |
hsl(166,61%,48%) |
#2F85C5 |
rgb(47,133,197) |
hsl(206,61%,48%) |
#3D2EC5 |
rgb(61,46,197) |
hsl(246,62%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#67A8DA |
rgb(103,168,218) |
hsl(206,61%,63%) |
#4799D3 |
rgb(71,153,211) |
hsl(205,61%,55%) |
#2F85C5 |
rgb(47,133,197) |
hsl(206,61%,48%) |
#2770A5 |
rgb(39,112,165) |
hsl(205,62%,40%) |
#1F5985 |
rgb(31,89,133) |
hsl(206,62%,32%) |
#184566 |
rgb(24,69,102) |
hsl(205,62%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#2F85C5 |
rgb(47,133,197) |
hsl(206,61%,48%) |
#C52E3A |
rgb(197,46,58) |
hsl(355,62%,48%) |
#C5BA2F |
rgb(197,186,47) |
hsl(56,61%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2F85C5 |
rgb(47,133,197) |
hsl(206,61%,48%) |
#C5702F |
rgb(197,112,47) |
hsl(26,61%,48%) |
#2FC4BA |
rgb(47,196,186) |
hsl(176,61%,48%) |
#C5BA2F |
rgb(197,186,47) |
hsl(56,61%,48%) |