Color HEX #2160DE, RGB(33,96,222)
Color name is Mariner. The color #2160de is a dark shade and highly saturated.
Your selected color codes
Palette
2160de color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(220,74%,1%) |
| #010409 |
rgb(1,4,9) |
hsl(220,74%,2%) |
| #02060d |
rgb(2,6,13) |
hsl(220,74%,3%) |
| #030812 |
rgb(3,8,18) |
hsl(220,74%,4%) |
| #030a16 |
rgb(3,10,22) |
hsl(220,74%,5%) |
| #040c1b |
rgb(4,12,27) |
hsl(220,74%,6%) |
| #050d1f |
rgb(5,13,31) |
hsl(220,74%,7%) |
| #050f23 |
rgb(5,15,35) |
hsl(220,74%,8%) |
| #061128 |
rgb(6,17,40) |
hsl(220,74%,9%) |
| #07132c |
rgb(7,19,44) |
hsl(220,74%,10%) |
| #071531 |
rgb(7,21,49) |
hsl(220,74%,11%) |
| #081735 |
rgb(8,23,53) |
hsl(220,74%,12%) |
| #09193a |
rgb(9,25,58) |
hsl(220,74%,13%) |
| #091b3e |
rgb(9,27,62) |
hsl(220,74%,14%) |
| #0a1d43 |
rgb(10,29,67) |
hsl(220,74%,15%) |
| #0b1f47 |
rgb(11,31,71) |
hsl(220,74%,16%) |
| #0b214b |
rgb(11,33,75) |
hsl(220,74%,17%) |
| #0c2350 |
rgb(12,35,80) |
hsl(220,74%,18%) |
| #0d2454 |
rgb(13,36,84) |
hsl(220,74%,19%) |
| #0d2659 |
rgb(13,38,89) |
hsl(220,74%,20%) |
| #0e285d |
rgb(14,40,93) |
hsl(220,74%,21%) |
| #0f2a62 |
rgb(15,42,98) |
hsl(220,74%,22%) |
| #0f2c66 |
rgb(15,44,102) |
hsl(220,74%,23%) |
| #102e6a |
rgb(16,46,106) |
hsl(220,74%,24%) |
| #11306f |
rgb(17,48,111) |
hsl(220,74%,25%) |
| #113273 |
rgb(17,50,115) |
hsl(220,74%,26%) |
| #123478 |
rgb(18,52,120) |
hsl(220,74%,27%) |
| #13367c |
rgb(19,54,124) |
hsl(220,74%,28%) |
| #133881 |
rgb(19,56,129) |
hsl(220,74%,29%) |
| #143a85 |
rgb(20,58,133) |
hsl(220,74%,30%) |
| #153c8a |
rgb(21,60,138) |
hsl(220,74%,31%) |
| #153d8e |
rgb(21,61,142) |
hsl(220,74%,32%) |
| #163f92 |
rgb(22,63,146) |
hsl(220,74%,33%) |
| #174197 |
rgb(23,65,151) |
hsl(220,74%,34%) |
| #17439b |
rgb(23,67,155) |
hsl(220,74%,35%) |
| #1845a0 |
rgb(24,69,160) |
hsl(220,74%,36%) |
| #1947a4 |
rgb(25,71,164) |
hsl(220,74%,37%) |
| #1949a9 |
rgb(25,73,169) |
hsl(220,74%,38%) |
| #1a4bad |
rgb(26,75,173) |
hsl(220,74%,39%) |
| #1b4db1 |
rgb(27,77,177) |
hsl(220,74%,40%) |
| #1b4fb6 |
rgb(27,79,182) |
hsl(220,74%,41%) |
| #1c51ba |
rgb(28,81,186) |
hsl(220,74%,42%) |
| #1d53bf |
rgb(29,83,191) |
hsl(220,74%,43%) |
| #1d55c3 |
rgb(29,85,195) |
hsl(220,74%,44%) |
| #1e56c8 |
rgb(30,86,200) |
hsl(220,74%,45%) |
| #1e58cc |
rgb(30,88,204) |
hsl(220,74%,46%) |
| #1f5ad1 |
rgb(31,90,209) |
hsl(220,74%,47%) |
| #205cd5 |
rgb(32,92,213) |
hsl(220,74%,48%) |
| #205ed9 |
rgb(32,94,217) |
hsl(220,74%,49%) |
| #2160de |
rgb(33,96,222) |
hsl(220,74%,50%) |
| #2663df |
rgb(38,99,223) |
hsl(220,74%,51%) |
| #2a66df |
rgb(42,102,223) |
hsl(220,74%,52%) |
| #2e6ae0 |
rgb(46,106,224) |
hsl(220,74%,53%) |
| #336de1 |
rgb(51,109,225) |
hsl(220,74%,54%) |
| #3770e1 |
rgb(55,112,225) |
hsl(220,74%,55%) |
| #3c73e2 |
rgb(60,115,226) |
hsl(220,74%,56%) |
| #4076e2 |
rgb(64,118,226) |
hsl(220,74%,57%) |
| #4579e3 |
rgb(69,121,227) |
hsl(220,74%,58%) |
| #497de4 |
rgb(73,125,228) |
hsl(220,74%,59%) |
| #4e80e4 |
rgb(78,128,228) |
hsl(220,74%,60%) |
| #5283e5 |
rgb(82,131,229) |
hsl(220,74%,61%) |
| #5686e6 |
rgb(86,134,230) |
hsl(220,74%,62%) |
| #5b89e6 |
rgb(91,137,230) |
hsl(220,74%,63%) |
| #5f8de7 |
rgb(95,141,231) |
hsl(220,74%,64%) |
| #6490e8 |
rgb(100,144,232) |
hsl(220,74%,65%) |
| #6893e8 |
rgb(104,147,232) |
hsl(220,74%,66%) |
| #6d96e9 |
rgb(109,150,233) |
hsl(220,74%,67%) |
| #7199ea |
rgb(113,153,234) |
hsl(220,74%,68%) |
| #759cea |
rgb(117,156,234) |
hsl(220,74%,69%) |
| #7aa0eb |
rgb(122,160,235) |
hsl(220,74%,70%) |
| #7ea3ec |
rgb(126,163,236) |
hsl(220,74%,71%) |
| #83a6ec |
rgb(131,166,236) |
hsl(220,74%,72%) |
| #87a9ed |
rgb(135,169,237) |
hsl(220,74%,73%) |
| #8cacee |
rgb(140,172,238) |
hsl(220,74%,74%) |
| #90b0ee |
rgb(144,176,238) |
hsl(220,74%,75%) |
| #95b3ef |
rgb(149,179,239) |
hsl(220,74%,76%) |
| #99b6f0 |
rgb(153,182,240) |
hsl(220,74%,77%) |
| #9db9f0 |
rgb(157,185,240) |
hsl(220,74%,78%) |
| #a2bcf1 |
rgb(162,188,241) |
hsl(220,74%,79%) |
| #a6bff2 |
rgb(166,191,242) |
hsl(220,74%,80%) |
| #abc3f2 |
rgb(171,195,242) |
hsl(220,74%,81%) |
| #afc6f3 |
rgb(175,198,243) |
hsl(220,74%,82%) |
| #b4c9f4 |
rgb(180,201,244) |
hsl(220,74%,83%) |
| #b8ccf4 |
rgb(184,204,244) |
hsl(220,74%,84%) |
| #bccff5 |
rgb(188,207,245) |
hsl(220,74%,85%) |
| #c1d2f6 |
rgb(193,210,246) |
hsl(220,74%,86%) |
| #c5d6f6 |
rgb(197,214,246) |
hsl(220,74%,87%) |
| #cad9f7 |
rgb(202,217,247) |
hsl(220,74%,88%) |
| #cedcf8 |
rgb(206,220,248) |
hsl(220,74%,89%) |
| #d3dff8 |
rgb(211,223,248) |
hsl(220,74%,90%) |
| #d7e2f9 |
rgb(215,226,249) |
hsl(220,74%,91%) |
| #dce6fa |
rgb(220,230,250) |
hsl(220,74%,92%) |
| #e0e9fa |
rgb(224,233,250) |
hsl(220,74%,93%) |
| #e4ecfb |
rgb(228,236,251) |
hsl(220,74%,94%) |
| #e9effc |
rgb(233,239,252) |
hsl(220,74%,95%) |
| #edf2fc |
rgb(237,242,252) |
hsl(220,74%,96%) |
| #f2f5fd |
rgb(242,245,253) |
hsl(220,74%,97%) |
| #f6f9fe |
rgb(246,249,254) |
hsl(220,74%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(220,74%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #21dede |
rgb(33,222,222) |
hsl(180,74%,50%) |
| #2160de |
rgb(33,96,222) |
hsl(220,74%,50%) |
| #6021de |
rgb(96,33,222) |
hsl(260,74%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #6894e8 |
rgb(104,148,232) |
hsl(219,74%,66%) |
| #447ae3 |
rgb(68,122,227) |
hsl(220,74%,58%) |
| #2160de |
rgb(33,96,222) |
hsl(220,74%,50%) |
| #1b52ba |
rgb(27,82,186) |
hsl(219,75%,42%) |
| #164296 |
rgb(22,66,150) |
hsl(219,74%,34%) |
| #113373 |
rgb(17,51,115) |
hsl(219,74%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #2160de |
rgb(33,96,222) |
hsl(220,74%,50%) |
| #de4021 |
rgb(222,64,33) |
hsl(10,74%,50%) |
| #bede21 |
rgb(190,222,33) |
hsl(70,74%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #2160de |
rgb(33,96,222) |
hsl(220,74%,50%) |
| #de9e21 |
rgb(222,158,33) |
hsl(40,74%,50%) |
| #21bfde |
rgb(33,191,222) |
hsl(190,74%,50%) |
| #bede21 |
rgb(190,222,33) |
hsl(70,74%,50%) |
