Color HEX #225DDD, RGB(34,93,221)
Color name is Mariner. The color #225ddd is a dark shade and highly saturated.
Palette
225ddd color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(221,73%,1%) |
| #010409 |
rgb(1,4,9) |
hsl(221,73%,2%) |
| #02060d |
rgb(2,6,13) |
hsl(221,73%,3%) |
| #030712 |
rgb(3,7,18) |
hsl(221,73%,4%) |
| #030916 |
rgb(3,9,22) |
hsl(221,73%,5%) |
| #040b1a |
rgb(4,11,26) |
hsl(221,73%,6%) |
| #050d1f |
rgb(5,13,31) |
hsl(221,73%,7%) |
| #060f23 |
rgb(6,15,35) |
hsl(221,73%,8%) |
| #061128 |
rgb(6,17,40) |
hsl(221,73%,9%) |
| #07132c |
rgb(7,19,44) |
hsl(221,73%,10%) |
| #081531 |
rgb(8,21,49) |
hsl(221,73%,11%) |
| #081635 |
rgb(8,22,53) |
hsl(221,73%,12%) |
| #091839 |
rgb(9,24,57) |
hsl(221,73%,13%) |
| #0a1a3e |
rgb(10,26,62) |
hsl(221,73%,14%) |
| #0a1c42 |
rgb(10,28,66) |
hsl(221,73%,15%) |
| #0b1e47 |
rgb(11,30,71) |
hsl(221,73%,16%) |
| #0c204b |
rgb(12,32,75) |
hsl(221,73%,17%) |
| #0c224f |
rgb(12,34,79) |
hsl(221,73%,18%) |
| #0d2354 |
rgb(13,35,84) |
hsl(221,73%,19%) |
| #0e275d |
rgb(14,39,93) |
hsl(221,73%,21%) |
| #0f2961 |
rgb(15,41,97) |
hsl(221,73%,22%) |
| #102b65 |
rgb(16,43,101) |
hsl(221,73%,23%) |
| #112d6a |
rgb(17,45,106) |
hsl(221,73%,24%) |
| #112f6e |
rgb(17,47,110) |
hsl(221,73%,25%) |
| #123173 |
rgb(18,49,115) |
hsl(221,73%,26%) |
| #133277 |
rgb(19,50,119) |
hsl(221,73%,27%) |
| #13347c |
rgb(19,52,124) |
hsl(221,73%,28%) |
| #143680 |
rgb(20,54,128) |
hsl(221,73%,29%) |
| #153884 |
rgb(21,56,132) |
hsl(221,73%,30%) |
| #153a89 |
rgb(21,58,137) |
hsl(221,73%,31%) |
| #163c8d |
rgb(22,60,141) |
hsl(221,73%,32%) |
| #173e92 |
rgb(23,62,146) |
hsl(221,73%,33%) |
| #173f96 |
rgb(23,63,150) |
hsl(221,73%,34%) |
| #18419a |
rgb(24,65,154) |
hsl(221,73%,35%) |
| #19439f |
rgb(25,67,159) |
hsl(221,73%,36%) |
| #1945a3 |
rgb(25,69,163) |
hsl(221,73%,37%) |
| #1a47a8 |
rgb(26,71,168) |
hsl(221,73%,38%) |
| #1b49ac |
rgb(27,73,172) |
hsl(221,73%,39%) |
| #1c4bb0 |
rgb(28,75,176) |
hsl(221,73%,40%) |
| #1c4db5 |
rgb(28,77,181) |
hsl(221,73%,41%) |
| #1d4eb9 |
rgb(29,78,185) |
hsl(221,73%,42%) |
| #1e50be |
rgb(30,80,190) |
hsl(221,73%,43%) |
| #1e52c2 |
rgb(30,82,194) |
hsl(221,73%,44%) |
| #1f54c7 |
rgb(31,84,199) |
hsl(221,73%,45%) |
| #2056cb |
rgb(32,86,203) |
hsl(221,73%,46%) |
| #2058cf |
rgb(32,88,207) |
hsl(221,73%,47%) |
| #215ad4 |
rgb(33,90,212) |
hsl(221,73%,48%) |
| #225cd8 |
rgb(34,92,216) |
hsl(221,73%,49%) |
| #225ddd |
rgb(34,93,221) |
hsl(221,73%,50%) |
| #2761dd |
rgb(39,97,221) |
hsl(221,73%,51%) |
| #2b64de |
rgb(43,100,222) |
hsl(221,73%,52%) |
| #3067df |
rgb(48,103,223) |
hsl(221,73%,53%) |
| #346adf |
rgb(52,106,223) |
hsl(221,73%,54%) |
| #386ee0 |
rgb(56,110,224) |
hsl(221,73%,55%) |
| #3d71e1 |
rgb(61,113,225) |
hsl(221,73%,56%) |
| #4174e1 |
rgb(65,116,225) |
hsl(221,73%,57%) |
| #4677e2 |
rgb(70,119,226) |
hsl(221,73%,58%) |
| #4a7ae3 |
rgb(74,122,227) |
hsl(221,73%,59%) |
| #4f7ee3 |
rgb(79,126,227) |
hsl(221,73%,60%) |
| #5381e4 |
rgb(83,129,228) |
hsl(221,73%,61%) |
| #5784e5 |
rgb(87,132,229) |
hsl(221,73%,62%) |
| #5c87e6 |
rgb(92,135,230) |
hsl(221,73%,63%) |
| #608be6 |
rgb(96,139,230) |
hsl(221,73%,64%) |
| #658ee7 |
rgb(101,142,231) |
hsl(221,73%,65%) |
| #6991e8 |
rgb(105,145,232) |
hsl(221,73%,66%) |
| #6d94e8 |
rgb(109,148,232) |
hsl(221,73%,67%) |
| #7298e9 |
rgb(114,152,233) |
hsl(221,73%,68%) |
| #769bea |
rgb(118,155,234) |
hsl(221,73%,69%) |
| #7b9eea |
rgb(123,158,234) |
hsl(221,73%,70%) |
| #7fa1eb |
rgb(127,161,235) |
hsl(221,73%,71%) |
| #83a4ec |
rgb(131,164,236) |
hsl(221,73%,72%) |
| #88a8ec |
rgb(136,168,236) |
hsl(221,73%,73%) |
| #8cabed |
rgb(140,171,237) |
hsl(221,73%,74%) |
| #91aeee |
rgb(145,174,238) |
hsl(221,73%,75%) |
| #95b1ee |
rgb(149,177,238) |
hsl(221,73%,76%) |
| #9ab5ef |
rgb(154,181,239) |
hsl(221,73%,77%) |
| #9eb8f0 |
rgb(158,184,240) |
hsl(221,73%,78%) |
| #a2bbf1 |
rgb(162,187,241) |
hsl(221,73%,79%) |
| #a7bef1 |
rgb(167,190,241) |
hsl(221,73%,80%) |
| #abc2f2 |
rgb(171,194,242) |
hsl(221,73%,81%) |
| #b0c5f3 |
rgb(176,197,243) |
hsl(221,73%,82%) |
| #b4c8f3 |
rgb(180,200,243) |
hsl(221,73%,83%) |
| #b8cbf4 |
rgb(184,203,244) |
hsl(221,73%,84%) |
| #bdcff5 |
rgb(189,207,245) |
hsl(221,73%,85%) |
| #c1d2f5 |
rgb(193,210,245) |
hsl(221,73%,86%) |
| #c6d5f6 |
rgb(198,213,246) |
hsl(221,73%,87%) |
| #cad8f7 |
rgb(202,216,247) |
hsl(221,73%,88%) |
| #cedbf7 |
rgb(206,219,247) |
hsl(221,73%,89%) |
| #d3dff8 |
rgb(211,223,248) |
hsl(221,73%,90%) |
| #d7e2f9 |
rgb(215,226,249) |
hsl(221,73%,91%) |
| #dce5f9 |
rgb(220,229,249) |
hsl(221,73%,92%) |
| #e0e8fa |
rgb(224,232,250) |
hsl(221,73%,93%) |
| #e5ecfb |
rgb(229,236,251) |
hsl(221,73%,94%) |
| #e9effc |
rgb(233,239,252) |
hsl(221,73%,95%) |
| #edf2fc |
rgb(237,242,252) |
hsl(221,73%,96%) |
| #f2f5fd |
rgb(242,245,253) |
hsl(221,73%,97%) |
| #f6f9fe |
rgb(246,249,254) |
hsl(221,73%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(221,73%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #22d9dd |
rgb(34,217,221) |
hsl(181,73%,50%) |
| #225ddd |
rgb(34,93,221) |
hsl(221,73%,50%) |
| #6321dd |
rgb(99,33,221) |
hsl(261,74%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #6891e7 |
rgb(104,145,231) |
hsl(221,73%,66%) |
| #4578e2 |
rgb(69,120,226) |
hsl(221,73%,58%) |
| #225ddd |
rgb(34,93,221) |
hsl(221,73%,50%) |
| #1c4fb9 |
rgb(28,79,185) |
hsl(221,74%,42%) |
| #174096 |
rgb(23,64,150) |
hsl(221,73%,34%) |
| #113072 |
rgb(17,48,114) |
hsl(221,74%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #225ddd |
rgb(34,93,221) |
hsl(221,73%,50%) |
| #dd4522 |
rgb(221,69,34) |
hsl(11,73%,50%) |
| #bade22 |
rgb(186,222,34) |
hsl(71,74%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #225ddd |
rgb(34,93,221) |
hsl(221,73%,50%) |
| #dda322 |
rgb(221,163,34) |
hsl(41,73%,50%) |
| #22badd |
rgb(34,186,221) |
hsl(191,73%,50%) |
| #bade22 |
rgb(186,222,34) |
hsl(71,74%,50%) |