Color HEX #2862D7, RGB(40,98,215)
Color name is Mariner. The color #2862d7 is a dark shade and highly saturated.
Your selected color codes
Palette
2862d7 color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(220,69%,1%) |
| #020409 |
rgb(2,4,9) |
hsl(220,69%,2%) |
| #02060d |
rgb(2,6,13) |
hsl(220,69%,3%) |
| #030811 |
rgb(3,8,17) |
hsl(220,69%,4%) |
| #040a16 |
rgb(4,10,22) |
hsl(220,69%,5%) |
| #050c1a |
rgb(5,12,26) |
hsl(220,69%,6%) |
| #060e1e |
rgb(6,14,30) |
hsl(220,69%,7%) |
| #061022 |
rgb(6,16,34) |
hsl(220,69%,8%) |
| #071227 |
rgb(7,18,39) |
hsl(220,69%,9%) |
| #08142b |
rgb(8,20,43) |
hsl(220,69%,10%) |
| #09162f |
rgb(9,22,47) |
hsl(220,69%,11%) |
| #091834 |
rgb(9,24,52) |
hsl(220,69%,12%) |
| #0a1a38 |
rgb(10,26,56) |
hsl(220,69%,13%) |
| #0b1b3c |
rgb(11,27,60) |
hsl(220,69%,14%) |
| #0c1d41 |
rgb(12,29,65) |
hsl(220,69%,15%) |
| #0d1f45 |
rgb(13,31,69) |
hsl(220,69%,16%) |
| #0d2149 |
rgb(13,33,73) |
hsl(220,69%,17%) |
| #0e234e |
rgb(14,35,78) |
hsl(220,69%,18%) |
| #0f2552 |
rgb(15,37,82) |
hsl(220,69%,19%) |
| #102756 |
rgb(16,39,86) |
hsl(220,69%,20%) |
| #11295a |
rgb(17,41,90) |
hsl(220,69%,21%) |
| #112b5f |
rgb(17,43,95) |
hsl(220,69%,22%) |
| #122d63 |
rgb(18,45,99) |
hsl(220,69%,23%) |
| #132f67 |
rgb(19,47,103) |
hsl(220,69%,24%) |
| #14316c |
rgb(20,49,108) |
hsl(220,69%,25%) |
| #153370 |
rgb(21,51,112) |
hsl(220,69%,26%) |
| #153574 |
rgb(21,53,116) |
hsl(220,69%,27%) |
| #163779 |
rgb(22,55,121) |
hsl(220,69%,28%) |
| #17397d |
rgb(23,57,125) |
hsl(220,69%,29%) |
| #183b81 |
rgb(24,59,129) |
hsl(220,69%,30%) |
| #193d86 |
rgb(25,61,134) |
hsl(220,69%,31%) |
| #193f8a |
rgb(25,63,138) |
hsl(220,69%,32%) |
| #1a418e |
rgb(26,65,142) |
hsl(220,69%,33%) |
| #1b4393 |
rgb(27,67,147) |
hsl(220,69%,34%) |
| #1c4597 |
rgb(28,69,151) |
hsl(220,69%,35%) |
| #1c479b |
rgb(28,71,155) |
hsl(220,69%,36%) |
| #1d499f |
rgb(29,73,159) |
hsl(220,69%,37%) |
| #1e4ba4 |
rgb(30,75,164) |
hsl(220,69%,38%) |
| #1f4da8 |
rgb(31,77,168) |
hsl(220,69%,39%) |
| #204fac |
rgb(32,79,172) |
hsl(220,69%,40%) |
| #2051b1 |
rgb(32,81,177) |
hsl(220,69%,41%) |
| #2152b5 |
rgb(33,82,181) |
hsl(220,69%,42%) |
| #2254b9 |
rgb(34,84,185) |
hsl(220,69%,43%) |
| #2356be |
rgb(35,86,190) |
hsl(220,69%,44%) |
| #2458c2 |
rgb(36,88,194) |
hsl(220,69%,45%) |
| #245ac6 |
rgb(36,90,198) |
hsl(220,69%,46%) |
| #255ccb |
rgb(37,92,203) |
hsl(220,69%,47%) |
| #265ecf |
rgb(38,94,207) |
hsl(220,69%,48%) |
| #2760d3 |
rgb(39,96,211) |
hsl(220,69%,49%) |
| #2862d7 |
rgb(40,98,215) |
hsl(220,69%,50%) |
| #2c65d8 |
rgb(44,101,216) |
hsl(220,69%,51%) |
| #3068d9 |
rgb(48,104,217) |
hsl(220,69%,52%) |
| #346cda |
rgb(52,108,218) |
hsl(220,69%,53%) |
| #396fdb |
rgb(57,111,219) |
hsl(220,69%,54%) |
| #3d72db |
rgb(61,114,219) |
hsl(220,69%,55%) |
| #4175dc |
rgb(65,117,220) |
hsl(220,69%,56%) |
| #4678dd |
rgb(70,120,221) |
hsl(220,69%,57%) |
| #4a7bde |
rgb(74,123,222) |
hsl(220,69%,58%) |
| #4e7edf |
rgb(78,126,223) |
hsl(220,69%,59%) |
| #5382df |
rgb(83,130,223) |
hsl(220,69%,60%) |
| #5785e0 |
rgb(87,133,224) |
hsl(220,69%,61%) |
| #5b88e1 |
rgb(91,136,225) |
hsl(220,69%,62%) |
| #608be2 |
rgb(96,139,226) |
hsl(220,69%,63%) |
| #648ee3 |
rgb(100,142,227) |
hsl(220,69%,64%) |
| #6891e3 |
rgb(104,145,227) |
hsl(220,69%,65%) |
| #6c94e4 |
rgb(108,148,228) |
hsl(220,69%,66%) |
| #7197e5 |
rgb(113,151,229) |
hsl(220,69%,67%) |
| #759be6 |
rgb(117,155,230) |
hsl(220,69%,68%) |
| #799ee6 |
rgb(121,158,230) |
hsl(220,69%,69%) |
| #7ea1e7 |
rgb(126,161,231) |
hsl(220,69%,70%) |
| #82a4e8 |
rgb(130,164,232) |
hsl(220,69%,71%) |
| #86a7e9 |
rgb(134,167,233) |
hsl(220,69%,72%) |
| #8baaea |
rgb(139,170,234) |
hsl(220,69%,73%) |
| #8fadea |
rgb(143,173,234) |
hsl(220,69%,74%) |
| #93b1eb |
rgb(147,177,235) |
hsl(220,69%,75%) |
| #98b4ec |
rgb(152,180,236) |
hsl(220,69%,76%) |
| #9cb7ed |
rgb(156,183,237) |
hsl(220,69%,77%) |
| #a0baee |
rgb(160,186,238) |
hsl(220,69%,78%) |
| #a5bdee |
rgb(165,189,238) |
hsl(220,69%,79%) |
| #a9c0ef |
rgb(169,192,239) |
hsl(220,69%,80%) |
| #adc3f0 |
rgb(173,195,240) |
hsl(220,69%,81%) |
| #b1c7f1 |
rgb(177,199,241) |
hsl(220,69%,82%) |
| #b6caf2 |
rgb(182,202,242) |
hsl(220,69%,83%) |
| #bacdf2 |
rgb(186,205,242) |
hsl(220,69%,84%) |
| #bed0f3 |
rgb(190,208,243) |
hsl(220,69%,85%) |
| #c3d3f4 |
rgb(195,211,244) |
hsl(220,69%,86%) |
| #c7d6f5 |
rgb(199,214,245) |
hsl(220,69%,87%) |
| #cbd9f6 |
rgb(203,217,246) |
hsl(220,69%,88%) |
| #d0dcf6 |
rgb(208,220,246) |
hsl(220,69%,89%) |
| #d4e0f7 |
rgb(212,224,247) |
hsl(220,69%,90%) |
| #d8e3f8 |
rgb(216,227,248) |
hsl(220,69%,91%) |
| #dde6f9 |
rgb(221,230,249) |
hsl(220,69%,92%) |
| #e1e9f9 |
rgb(225,233,249) |
hsl(220,69%,93%) |
| #e5ecfa |
rgb(229,236,250) |
hsl(220,69%,94%) |
| #e9effb |
rgb(233,239,251) |
hsl(220,69%,95%) |
| #eef2fc |
rgb(238,242,252) |
hsl(220,69%,96%) |
| #f2f6fd |
rgb(242,246,253) |
hsl(220,69%,97%) |
| #f6f9fd |
rgb(246,249,253) |
hsl(220,69%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(220,69%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #28d6d7 |
rgb(40,214,215) |
hsl(180,69%,50%) |
| #2862d7 |
rgb(40,98,215) |
hsl(220,69%,50%) |
| #6229d7 |
rgb(98,41,215) |
hsl(260,69%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #6c94e3 |
rgb(108,148,227) |
hsl(220,68%,66%) |
| #4a7add |
rgb(74,122,221) |
hsl(220,68%,58%) |
| #2862d7 |
rgb(40,98,215) |
hsl(220,69%,50%) |
| #2152b4 |
rgb(33,82,180) |
hsl(220,69%,42%) |
| #1b4292 |
rgb(27,66,146) |
hsl(220,69%,34%) |
| #14336f |
rgb(20,51,111) |
hsl(220,69%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #2862d7 |
rgb(40,98,215) |
hsl(220,69%,50%) |
| #d74528 |
rgb(215,69,40) |
hsl(10,69%,50%) |
| #b9d628 |
rgb(185,214,40) |
hsl(70,69%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #2862d7 |
rgb(40,98,215) |
hsl(220,69%,50%) |
| #d79e28 |
rgb(215,158,40) |
hsl(40,69%,50%) |
| #28bad7 |
rgb(40,186,215) |
hsl(190,69%,50%) |
| #b9d628 |
rgb(185,214,40) |
hsl(70,69%,50%) |
