Color HEX #2078DE, RGB(32,120,222)
Color name is Mariner. The color #2078de is a dark shade and highly saturated.
Palette
2078de color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(212,75%,1%) |
| #010509 |
rgb(1,5,9) |
hsl(212,75%,2%) |
| #02070d |
rgb(2,7,13) |
hsl(212,75%,3%) |
| #030a12 |
rgb(3,10,18) |
hsl(212,75%,4%) |
| #030c16 |
rgb(3,12,22) |
hsl(212,75%,5%) |
| #040f1b |
rgb(4,15,27) |
hsl(212,75%,6%) |
| #04111f |
rgb(4,17,31) |
hsl(212,75%,7%) |
| #051324 |
rgb(5,19,36) |
hsl(212,75%,8%) |
| #061628 |
rgb(6,22,40) |
hsl(212,75%,9%) |
| #06182d |
rgb(6,24,45) |
hsl(212,75%,10%) |
| #071b31 |
rgb(7,27,49) |
hsl(212,75%,11%) |
| #081d36 |
rgb(8,29,54) |
hsl(212,75%,12%) |
| #081f3a |
rgb(8,31,58) |
hsl(212,75%,13%) |
| #09223e |
rgb(9,34,62) |
hsl(212,75%,14%) |
| #0a2443 |
rgb(10,36,67) |
hsl(212,75%,15%) |
| #0a2747 |
rgb(10,39,71) |
hsl(212,75%,16%) |
| #0b294c |
rgb(11,41,76) |
hsl(212,75%,17%) |
| #0b2c50 |
rgb(11,44,80) |
hsl(212,75%,18%) |
| #0c2e55 |
rgb(12,46,85) |
hsl(212,75%,19%) |
| #0d3059 |
rgb(13,48,89) |
hsl(212,75%,20%) |
| #0d335e |
rgb(13,51,94) |
hsl(212,75%,21%) |
| #0f3867 |
rgb(15,56,103) |
hsl(212,75%,23%) |
| #0f3a6b |
rgb(15,58,107) |
hsl(212,75%,24%) |
| #103d70 |
rgb(16,61,112) |
hsl(212,75%,25%) |
| #113f74 |
rgb(17,63,116) |
hsl(212,75%,26%) |
| #114178 |
rgb(17,65,120) |
hsl(212,75%,27%) |
| #12447d |
rgb(18,68,125) |
hsl(212,75%,28%) |
| #124681 |
rgb(18,70,129) |
hsl(212,75%,29%) |
| #134986 |
rgb(19,73,134) |
hsl(212,75%,30%) |
| #144b8a |
rgb(20,75,138) |
hsl(212,75%,31%) |
| #144e8f |
rgb(20,78,143) |
hsl(212,75%,32%) |
| #155093 |
rgb(21,80,147) |
hsl(212,75%,33%) |
| #165298 |
rgb(22,82,152) |
hsl(212,75%,34%) |
| #16559c |
rgb(22,85,156) |
hsl(212,75%,35%) |
| #1757a1 |
rgb(23,87,161) |
hsl(212,75%,36%) |
| #185aa5 |
rgb(24,90,165) |
hsl(212,75%,37%) |
| #185caa |
rgb(24,92,170) |
hsl(212,75%,38%) |
| #195eae |
rgb(25,94,174) |
hsl(212,75%,39%) |
| #1a61b3 |
rgb(26,97,179) |
hsl(212,75%,40%) |
| #1a63b7 |
rgb(26,99,183) |
hsl(212,75%,41%) |
| #1b66bb |
rgb(27,102,187) |
hsl(212,75%,42%) |
| #1b68c0 |
rgb(27,104,192) |
hsl(212,75%,43%) |
| #1c6bc4 |
rgb(28,107,196) |
hsl(212,75%,44%) |
| #1d6dc9 |
rgb(29,109,201) |
hsl(212,75%,45%) |
| #1d6fcd |
rgb(29,111,205) |
hsl(212,75%,46%) |
| #1e72d2 |
rgb(30,114,210) |
hsl(212,75%,47%) |
| #1f74d6 |
rgb(31,116,214) |
hsl(212,75%,48%) |
| #1f77db |
rgb(31,119,219) |
hsl(212,75%,49%) |
| #2079df |
rgb(32,121,223) |
hsl(212,75%,50%) |
| #247ce0 |
rgb(36,124,224) |
hsl(212,75%,51%) |
| #297ee0 |
rgb(41,126,224) |
hsl(212,75%,52%) |
| #2d81e1 |
rgb(45,129,225) |
hsl(212,75%,53%) |
| #3284e2 |
rgb(50,132,226) |
hsl(212,75%,54%) |
| #3687e2 |
rgb(54,135,226) |
hsl(212,75%,55%) |
| #3b89e3 |
rgb(59,137,227) |
hsl(212,75%,56%) |
| #3f8ce4 |
rgb(63,140,228) |
hsl(212,75%,57%) |
| #448fe4 |
rgb(68,143,228) |
hsl(212,75%,58%) |
| #4891e5 |
rgb(72,145,229) |
hsl(212,75%,59%) |
| #4d94e6 |
rgb(77,148,230) |
hsl(212,75%,60%) |
| #5197e6 |
rgb(81,151,230) |
hsl(212,75%,61%) |
| #5599e7 |
rgb(85,153,231) |
hsl(212,75%,62%) |
| #5a9ce7 |
rgb(90,156,231) |
hsl(212,75%,63%) |
| #5e9fe8 |
rgb(94,159,232) |
hsl(212,75%,64%) |
| #63a1e9 |
rgb(99,161,233) |
hsl(212,75%,65%) |
| #67a4e9 |
rgb(103,164,233) |
hsl(212,75%,66%) |
| #6ca7ea |
rgb(108,167,234) |
hsl(212,75%,67%) |
| #70a9eb |
rgb(112,169,235) |
hsl(212,75%,68%) |
| #75aceb |
rgb(117,172,235) |
hsl(212,75%,69%) |
| #79afec |
rgb(121,175,236) |
hsl(212,75%,70%) |
| #7eb1ed |
rgb(126,177,237) |
hsl(212,75%,71%) |
| #82b4ed |
rgb(130,180,237) |
hsl(212,75%,72%) |
| #87b7ee |
rgb(135,183,238) |
hsl(212,75%,73%) |
| #8bb9ee |
rgb(139,185,238) |
hsl(212,75%,74%) |
| #8fbcef |
rgb(143,188,239) |
hsl(212,75%,75%) |
| #94bff0 |
rgb(148,191,240) |
hsl(212,75%,76%) |
| #98c1f0 |
rgb(152,193,240) |
hsl(212,75%,77%) |
| #9dc4f1 |
rgb(157,196,241) |
hsl(212,75%,78%) |
| #a1c7f2 |
rgb(161,199,242) |
hsl(212,75%,79%) |
| #a6c9f2 |
rgb(166,201,242) |
hsl(212,75%,80%) |
| #aaccf3 |
rgb(170,204,243) |
hsl(212,75%,81%) |
| #afcff4 |
rgb(175,207,244) |
hsl(212,75%,82%) |
| #b3d1f4 |
rgb(179,209,244) |
hsl(212,75%,83%) |
| #b8d4f5 |
rgb(184,212,245) |
hsl(212,75%,84%) |
| #bcd7f5 |
rgb(188,215,245) |
hsl(212,75%,85%) |
| #c1daf6 |
rgb(193,218,246) |
hsl(212,75%,86%) |
| #c5dcf7 |
rgb(197,220,247) |
hsl(212,75%,87%) |
| #c9dff7 |
rgb(201,223,247) |
hsl(212,75%,88%) |
| #cee2f8 |
rgb(206,226,248) |
hsl(212,75%,89%) |
| #d2e4f9 |
rgb(210,228,249) |
hsl(212,75%,90%) |
| #d7e7f9 |
rgb(215,231,249) |
hsl(212,75%,91%) |
| #dbeafa |
rgb(219,234,250) |
hsl(212,75%,92%) |
| #e0ecfb |
rgb(224,236,251) |
hsl(212,75%,93%) |
| #e4effb |
rgb(228,239,251) |
hsl(212,75%,94%) |
| #e9f2fc |
rgb(233,242,252) |
hsl(212,75%,95%) |
| #edf4fc |
rgb(237,244,252) |
hsl(212,75%,96%) |
| #f2f7fd |
rgb(242,247,253) |
hsl(212,75%,97%) |
| #f6fafe |
rgb(246,250,254) |
hsl(212,75%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(212,75%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #20dec5 |
rgb(32,222,197) |
hsl(172,75%,50%) |
| #2078de |
rgb(32,120,222) |
hsl(212,75%,50%) |
| #4621de |
rgb(70,33,222) |
hsl(252,74%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #66a3e8 |
rgb(102,163,232) |
hsl(212,74%,65%) |
| #428ce3 |
rgb(66,140,227) |
hsl(212,74%,57%) |
| #2078de |
rgb(32,120,222) |
hsl(212,75%,50%) |
| #1a66ba |
rgb(26,102,186) |
hsl(212,75%,42%) |
| #155296 |
rgb(21,82,150) |
hsl(212,75%,34%) |
| #103d73 |
rgb(16,61,115) |
hsl(213,76%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #2078de |
rgb(32,120,222) |
hsl(212,75%,50%) |
| #de2620 |
rgb(222,38,32) |
hsl(2,75%,50%) |
| #d7de20 |
rgb(215,222,32) |
hsl(62,75%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #2078de |
rgb(32,120,222) |
hsl(212,75%,50%) |
| #de8720 |
rgb(222,135,32) |
hsl(33,75%,50%) |
| #20d6de |
rgb(32,214,222) |
hsl(183,75%,50%) |
| #d7de20 |
rgb(215,222,32) |
hsl(62,75%,50%) |
