HEX #2E7DDD color — Mariner
The color #2E7DDD is a dark shade and moderately saturated.
Palette
2E7DDD color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fd |
rgb(242,247,253) |
hsl(213,72%,97%) |
#dce9f9 |
rgb(220,233,249) |
hsl(213,72%,92%) |
#c6dbf6 |
rgb(198,219,246) |
hsl(213,72%,87%) |
#b0cef2 |
rgb(176,206,242) |
hsl(213,72%,82%) |
#9ac0ef |
rgb(154,192,239) |
hsl(213,72%,77%) |
#84b2eb |
rgb(132,178,235) |
hsl(213,72%,72%) |
#6ea5e7 |
rgb(110,165,231) |
hsl(213,72%,67%) |
#5897e4 |
rgb(88,151,228) |
hsl(213,72%,62%) |
#4289e0 |
rgb(66,137,224) |
hsl(213,72%,57%) |
#2c7cdd |
rgb(44,124,221) |
hsl(213,72%,52%) |
#226fce |
rgb(34,111,206) |
hsl(213,72%,47%) |
#1e63b8 |
rgb(30,99,184) |
hsl(213,72%,42%) |
#1a58a2 |
rgb(26,88,162) |
hsl(213,72%,37%) |
#174c8c |
rgb(23,76,140) |
hsl(213,72%,32%) |
#134076 |
rgb(19,64,118) |
hsl(213,72%,27%) |
#103460 |
rgb(16,52,96) |
hsl(213,72%,22%) |
#0c284b |
rgb(12,40,75) |
hsl(213,72%,17%) |
#091c35 |
rgb(9,28,53) |
hsl(213,72%,12%) |
#05111f |
rgb(5,17,31) |
hsl(213,72%,7%) |
#010509 |
rgb(1,5,9) |
hsl(213,72%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2EDEC8 |
rgb(46,222,200) |
hsl(173,73%,53%) |
#2E7DDD |
rgb(46,125,221) |
hsl(213,72%,52%) |
#532EDD |
rgb(83,46,221) |
hsl(253,72%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#77ABE8 |
rgb(119,171,232) |
hsl(212,71%,69%) |
#5294E2 |
rgb(82,148,226) |
hsl(213,71%,60%) |
#2E7DDD |
rgb(46,125,221) |
hsl(213,72%,52%) |
#1F69C0 |
rgb(31,105,192) |
hsl(212,72%,44%) |
#19549C |
rgb(25,84,156) |
hsl(213,72%,35%) |
#134077 |
rgb(19,64,119) |
hsl(213,72%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#2E7DDD |
rgb(46,125,221) |
hsl(213,72%,52%) |
#DD362E |
rgb(221,54,46) |
hsl(3,72%,52%) |
#D4DE2E |
rgb(212,222,46) |
hsl(63,73%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2E7DDD |
rgb(46,125,221) |
hsl(213,72%,52%) |
#DD8F2E |
rgb(221,143,46) |
hsl(33,72%,52%) |
#2ED4DD |
rgb(46,212,221) |
hsl(183,72%,52%) |
#D4DE2E |
rgb(212,222,46) |
hsl(63,73%,53%) |