HEX #2C6BD3 color — Mariner
The color #2C6BD3 is a dark shade and moderately saturated.
Palette
2C6BD3 color palette from light to dark
| HEX |
RGB |
HSL |
| #eaf0fb |
rgb(234,240,251) |
hsl(217,65%,95%) |
| #d5e2f6 |
rgb(213,226,246) |
hsl(217,65%,90%) |
| #c0d3f2 |
rgb(192,211,242) |
hsl(217,65%,85%) |
| #abc4ed |
rgb(171,196,237) |
hsl(217,65%,80%) |
| #96b6e9 |
rgb(150,182,233) |
hsl(217,65%,75%) |
| #81a7e4 |
rgb(129,167,228) |
hsl(217,65%,70%) |
| #6c98e0 |
rgb(108,152,224) |
hsl(217,65%,65%) |
| #578adb |
rgb(87,138,219) |
hsl(217,65%,60%) |
| #427bd7 |
rgb(66,123,215) |
hsl(217,65%,55%) |
| #2d6cd2 |
rgb(45,108,210) |
hsl(217,65%,50%) |
| #2861bd |
rgb(40,97,189) |
hsl(217,65%,45%) |
| #2457a8 |
rgb(36,87,168) |
hsl(217,65%,40%) |
| #1f4c93 |
rgb(31,76,147) |
hsl(217,65%,35%) |
| #1b417e |
rgb(27,65,126) |
hsl(217,65%,30%) |
| #163669 |
rgb(22,54,105) |
hsl(217,65%,25%) |
| #122b54 |
rgb(18,43,84) |
hsl(217,65%,20%) |
| #0d203f |
rgb(13,32,63) |
hsl(217,65%,15%) |
| #09162a |
rgb(9,22,42) |
hsl(217,65%,10%) |
| #040b15 |
rgb(4,11,21) |
hsl(217,65%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #2CD4CB |
rgb(44,212,203) |
hsl(177,66%,50%) |
| #2C6BD3 |
rgb(44,107,211) |
hsl(217,65%,50%) |
| #5C2BD3 |
rgb(92,43,211) |
hsl(258,66%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #6F9CE1 |
rgb(111,156,225) |
hsl(216,66%,66%) |
| #4D82DA |
rgb(77,130,218) |
hsl(217,66%,58%) |
| #2C6BD3 |
rgb(44,107,211) |
hsl(217,65%,50%) |
| #2459B1 |
rgb(36,89,177) |
hsl(217,66%,42%) |
| #1D4A8F |
rgb(29,74,143) |
hsl(216,66%,34%) |
| #16386D |
rgb(22,56,109) |
hsl(217,66%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #2C6BD3 |
rgb(44,107,211) |
hsl(217,65%,50%) |
| #D3402C |
rgb(211,64,44) |
hsl(7,65%,50%) |
| #BED42C |
rgb(190,212,44) |
hsl(68,66%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #2C6BD3 |
rgb(44,107,211) |
hsl(217,65%,50%) |
| #D3942C |
rgb(211,148,44) |
hsl(37,65%,50%) |
| #2CBFD3 |
rgb(44,191,211) |
hsl(187,65%,50%) |
| #BED42C |
rgb(190,212,44) |
hsl(68,66%,50%) |
