Color HEX #2279DD, RGB(34,121,221)
Color name is Mariner. The color #2279dd is a dark shade and highly saturated.
Your selected color codes
Palette
2279dd color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(212,73%,1%) |
| #010509 |
rgb(1,5,9) |
hsl(212,73%,2%) |
| #02070d |
rgb(2,7,13) |
hsl(212,73%,3%) |
| #030a12 |
rgb(3,10,18) |
hsl(212,73%,4%) |
| #030c16 |
rgb(3,12,22) |
hsl(212,73%,5%) |
| #040f1a |
rgb(4,15,26) |
hsl(212,73%,6%) |
| #05111f |
rgb(5,17,31) |
hsl(212,73%,7%) |
| #061323 |
rgb(6,19,35) |
hsl(212,73%,8%) |
| #061628 |
rgb(6,22,40) |
hsl(212,73%,9%) |
| #07182c |
rgb(7,24,44) |
hsl(212,73%,10%) |
| #081b31 |
rgb(8,27,49) |
hsl(212,73%,11%) |
| #081d35 |
rgb(8,29,53) |
hsl(212,73%,12%) |
| #092039 |
rgb(9,32,57) |
hsl(212,73%,13%) |
| #0a223e |
rgb(10,34,62) |
hsl(212,73%,14%) |
| #0a2442 |
rgb(10,36,66) |
hsl(212,73%,15%) |
| #0b2747 |
rgb(11,39,71) |
hsl(212,73%,16%) |
| #0c294b |
rgb(12,41,75) |
hsl(212,73%,17%) |
| #0c2c4f |
rgb(12,44,79) |
hsl(212,73%,18%) |
| #0d2e54 |
rgb(13,46,84) |
hsl(212,73%,19%) |
| #0e335d |
rgb(14,51,93) |
hsl(212,73%,21%) |
| #0f3561 |
rgb(15,53,97) |
hsl(212,73%,22%) |
| #103865 |
rgb(16,56,101) |
hsl(212,73%,23%) |
| #113a6a |
rgb(17,58,106) |
hsl(212,73%,24%) |
| #113d6e |
rgb(17,61,110) |
hsl(212,73%,25%) |
| #123f73 |
rgb(18,63,115) |
hsl(212,73%,26%) |
| #134177 |
rgb(19,65,119) |
hsl(212,73%,27%) |
| #13447c |
rgb(19,68,124) |
hsl(212,73%,28%) |
| #144680 |
rgb(20,70,128) |
hsl(212,73%,29%) |
| #154984 |
rgb(21,73,132) |
hsl(212,73%,30%) |
| #154b89 |
rgb(21,75,137) |
hsl(212,73%,31%) |
| #164e8d |
rgb(22,78,141) |
hsl(212,73%,32%) |
| #175092 |
rgb(23,80,146) |
hsl(212,73%,33%) |
| #175296 |
rgb(23,82,150) |
hsl(212,73%,34%) |
| #18559a |
rgb(24,85,154) |
hsl(212,73%,35%) |
| #19579f |
rgb(25,87,159) |
hsl(212,73%,36%) |
| #195aa3 |
rgb(25,90,163) |
hsl(212,73%,37%) |
| #1a5ca8 |
rgb(26,92,168) |
hsl(212,73%,38%) |
| #1b5fac |
rgb(27,95,172) |
hsl(212,73%,39%) |
| #1c61b0 |
rgb(28,97,176) |
hsl(212,73%,40%) |
| #1c63b5 |
rgb(28,99,181) |
hsl(212,73%,41%) |
| #1d66b9 |
rgb(29,102,185) |
hsl(212,73%,42%) |
| #1e68be |
rgb(30,104,190) |
hsl(212,73%,43%) |
| #1e6bc2 |
rgb(30,107,194) |
hsl(212,73%,44%) |
| #1f6dc7 |
rgb(31,109,199) |
hsl(212,73%,45%) |
| #2070cb |
rgb(32,112,203) |
hsl(212,73%,46%) |
| #2072cf |
rgb(32,114,207) |
hsl(212,73%,47%) |
| #2174d4 |
rgb(33,116,212) |
hsl(212,73%,48%) |
| #2277d8 |
rgb(34,119,216) |
hsl(212,73%,49%) |
| #2279dd |
rgb(34,121,221) |
hsl(212,73%,50%) |
| #277cdd |
rgb(39,124,221) |
hsl(212,73%,51%) |
| #2b7fde |
rgb(43,127,222) |
hsl(212,73%,52%) |
| #3081df |
rgb(48,129,223) |
hsl(212,73%,53%) |
| #3484df |
rgb(52,132,223) |
hsl(212,73%,54%) |
| #3887e0 |
rgb(56,135,224) |
hsl(212,73%,55%) |
| #3d89e1 |
rgb(61,137,225) |
hsl(212,73%,56%) |
| #418ce1 |
rgb(65,140,225) |
hsl(212,73%,57%) |
| #468fe2 |
rgb(70,143,226) |
hsl(212,73%,58%) |
| #4a91e3 |
rgb(74,145,227) |
hsl(212,73%,59%) |
| #4f94e3 |
rgb(79,148,227) |
hsl(212,73%,60%) |
| #5397e4 |
rgb(83,151,228) |
hsl(212,73%,61%) |
| #5799e5 |
rgb(87,153,229) |
hsl(212,73%,62%) |
| #5c9ce6 |
rgb(92,156,230) |
hsl(212,73%,63%) |
| #609fe6 |
rgb(96,159,230) |
hsl(212,73%,64%) |
| #65a1e7 |
rgb(101,161,231) |
hsl(212,73%,65%) |
| #69a4e8 |
rgb(105,164,232) |
hsl(212,73%,66%) |
| #6da7e8 |
rgb(109,167,232) |
hsl(212,73%,67%) |
| #72a9e9 |
rgb(114,169,233) |
hsl(212,73%,68%) |
| #76acea |
rgb(118,172,234) |
hsl(212,73%,69%) |
| #7bafea |
rgb(123,175,234) |
hsl(212,73%,70%) |
| #7fb1eb |
rgb(127,177,235) |
hsl(212,73%,71%) |
| #83b4ec |
rgb(131,180,236) |
hsl(212,73%,72%) |
| #88b7ec |
rgb(136,183,236) |
hsl(212,73%,73%) |
| #8cb9ed |
rgb(140,185,237) |
hsl(212,73%,74%) |
| #91bcee |
rgb(145,188,238) |
hsl(212,73%,75%) |
| #95bfee |
rgb(149,191,238) |
hsl(212,73%,76%) |
| #9ac1ef |
rgb(154,193,239) |
hsl(212,73%,77%) |
| #9ec4f0 |
rgb(158,196,240) |
hsl(212,73%,78%) |
| #a2c7f1 |
rgb(162,199,241) |
hsl(212,73%,79%) |
| #a7caf1 |
rgb(167,202,241) |
hsl(212,73%,80%) |
| #abccf2 |
rgb(171,204,242) |
hsl(212,73%,81%) |
| #b0cff3 |
rgb(176,207,243) |
hsl(212,73%,82%) |
| #b4d2f3 |
rgb(180,210,243) |
hsl(212,73%,83%) |
| #b8d4f4 |
rgb(184,212,244) |
hsl(212,73%,84%) |
| #bdd7f5 |
rgb(189,215,245) |
hsl(212,73%,85%) |
| #c1daf5 |
rgb(193,218,245) |
hsl(212,73%,86%) |
| #c6dcf6 |
rgb(198,220,246) |
hsl(212,73%,87%) |
| #cadff7 |
rgb(202,223,247) |
hsl(212,73%,88%) |
| #cee2f7 |
rgb(206,226,247) |
hsl(212,73%,89%) |
| #d3e4f8 |
rgb(211,228,248) |
hsl(212,73%,90%) |
| #d7e7f9 |
rgb(215,231,249) |
hsl(212,73%,91%) |
| #dceaf9 |
rgb(220,234,249) |
hsl(212,73%,92%) |
| #e0ecfa |
rgb(224,236,250) |
hsl(212,73%,93%) |
| #e5effb |
rgb(229,239,251) |
hsl(212,73%,94%) |
| #e9f2fc |
rgb(233,242,252) |
hsl(212,73%,95%) |
| #edf4fc |
rgb(237,244,252) |
hsl(212,73%,96%) |
| #f2f7fd |
rgb(242,247,253) |
hsl(212,73%,97%) |
| #f6fafe |
rgb(246,250,254) |
hsl(212,73%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(212,73%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #22dec4 |
rgb(34,222,196) |
hsl(172,74%,50%) |
| #2279dd |
rgb(34,121,221) |
hsl(212,73%,50%) |
| #4721dd |
rgb(71,33,221) |
hsl(252,74%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #68a3e7 |
rgb(104,163,231) |
hsl(212,73%,66%) |
| #458fe2 |
rgb(69,143,226) |
hsl(212,73%,58%) |
| #2279dd |
rgb(34,121,221) |
hsl(212,73%,50%) |
| #1c66b9 |
rgb(28,102,185) |
hsl(212,74%,42%) |
| #175296 |
rgb(23,82,150) |
hsl(212,73%,34%) |
| #114072 |
rgb(17,64,114) |
hsl(211,74%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #2279dd |
rgb(34,121,221) |
hsl(212,73%,50%) |
| #dd2922 |
rgb(221,41,34) |
hsl(2,73%,50%) |
| #d6de22 |
rgb(214,222,34) |
hsl(63,74%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #2279dd |
rgb(34,121,221) |
hsl(212,73%,50%) |
| #dd8722 |
rgb(221,135,34) |
hsl(32,73%,50%) |
| #22d6dd |
rgb(34,214,221) |
hsl(182,73%,50%) |
| #d6de22 |
rgb(214,222,34) |
hsl(63,74%,50%) |
