Color HEX #1F56E0, RGB(31,86,224)
Color name is Mariner. The color #1f56e0 is a dark shade and highly saturated.
Your selected color codes
Palette
1f56e0 color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(223,76%,1%) |
| #010309 |
rgb(1,3,9) |
hsl(223,76%,2%) |
| #02050d |
rgb(2,5,13) |
hsl(223,76%,3%) |
| #020712 |
rgb(2,7,18) |
hsl(223,76%,4%) |
| #030916 |
rgb(3,9,22) |
hsl(223,76%,5%) |
| #040a1b |
rgb(4,10,27) |
hsl(223,76%,6%) |
| #040c1f |
rgb(4,12,31) |
hsl(223,76%,7%) |
| #050e24 |
rgb(5,14,36) |
hsl(223,76%,8%) |
| #060f28 |
rgb(6,15,40) |
hsl(223,76%,9%) |
| #06112d |
rgb(6,17,45) |
hsl(223,76%,10%) |
| #071331 |
rgb(7,19,49) |
hsl(223,76%,11%) |
| #071536 |
rgb(7,21,54) |
hsl(223,76%,12%) |
| #08163a |
rgb(8,22,58) |
hsl(223,76%,13%) |
| #09183f |
rgb(9,24,63) |
hsl(223,76%,14%) |
| #091a43 |
rgb(9,26,67) |
hsl(223,76%,15%) |
| #0a1b48 |
rgb(10,27,72) |
hsl(223,76%,16%) |
| #0a1d4c |
rgb(10,29,76) |
hsl(223,76%,17%) |
| #0b1f51 |
rgb(11,31,81) |
hsl(223,76%,18%) |
| #0c2055 |
rgb(12,32,85) |
hsl(223,76%,19%) |
| #0c225a |
rgb(12,34,90) |
hsl(223,76%,20%) |
| #0d245e |
rgb(13,36,94) |
hsl(223,76%,21%) |
| #0d2663 |
rgb(13,38,99) |
hsl(223,76%,22%) |
| #0f296c |
rgb(15,41,108) |
hsl(223,76%,24%) |
| #0f2b70 |
rgb(15,43,112) |
hsl(223,76%,25%) |
| #102c75 |
rgb(16,44,117) |
hsl(223,76%,26%) |
| #112e79 |
rgb(17,46,121) |
hsl(223,76%,27%) |
| #11307e |
rgb(17,48,126) |
hsl(223,76%,28%) |
| #123282 |
rgb(18,50,130) |
hsl(223,76%,29%) |
| #123387 |
rgb(18,51,135) |
hsl(223,76%,30%) |
| #13358b |
rgb(19,53,139) |
hsl(223,76%,31%) |
| #143790 |
rgb(20,55,144) |
hsl(223,76%,32%) |
| #143894 |
rgb(20,56,148) |
hsl(223,76%,33%) |
| #153a99 |
rgb(21,58,153) |
hsl(223,76%,34%) |
| #153c9d |
rgb(21,60,157) |
hsl(223,76%,35%) |
| #163ea2 |
rgb(22,62,162) |
hsl(223,76%,36%) |
| #173fa6 |
rgb(23,63,166) |
hsl(223,76%,37%) |
| #1741ab |
rgb(23,65,171) |
hsl(223,76%,38%) |
| #1843af |
rgb(24,67,175) |
hsl(223,76%,39%) |
| #1844b4 |
rgb(24,68,180) |
hsl(223,76%,40%) |
| #1946b8 |
rgb(25,70,184) |
hsl(223,76%,41%) |
| #1a48bc |
rgb(26,72,188) |
hsl(223,76%,42%) |
| #1a4ac1 |
rgb(26,74,193) |
hsl(223,76%,43%) |
| #1b4bc5 |
rgb(27,75,197) |
hsl(223,76%,44%) |
| #1c4dca |
rgb(28,77,202) |
hsl(223,76%,45%) |
| #1c4fce |
rgb(28,79,206) |
hsl(223,76%,46%) |
| #1d50d3 |
rgb(29,80,211) |
hsl(223,76%,47%) |
| #1d52d7 |
rgb(29,82,215) |
hsl(223,76%,48%) |
| #1e54dc |
rgb(30,84,220) |
hsl(223,76%,49%) |
| #1f56e0 |
rgb(31,86,224) |
hsl(223,76%,50%) |
| #2359e1 |
rgb(35,89,225) |
hsl(223,76%,51%) |
| #285ce2 |
rgb(40,92,226) |
hsl(223,76%,52%) |
| #2c60e2 |
rgb(44,96,226) |
hsl(223,76%,53%) |
| #3163e3 |
rgb(49,99,227) |
hsl(223,76%,54%) |
| #3566e3 |
rgb(53,102,227) |
hsl(223,76%,55%) |
| #3a6ae4 |
rgb(58,106,228) |
hsl(223,76%,56%) |
| #3e6de5 |
rgb(62,109,229) |
hsl(223,76%,57%) |
| #4371e5 |
rgb(67,113,229) |
hsl(223,76%,58%) |
| #4774e6 |
rgb(71,116,230) |
hsl(223,76%,59%) |
| #4b77e7 |
rgb(75,119,231) |
hsl(223,76%,60%) |
| #507be7 |
rgb(80,123,231) |
hsl(223,76%,61%) |
| #547ee8 |
rgb(84,126,232) |
hsl(223,76%,62%) |
| #5982e8 |
rgb(89,130,232) |
hsl(223,76%,63%) |
| #5d85e9 |
rgb(93,133,233) |
hsl(223,76%,64%) |
| #6288ea |
rgb(98,136,234) |
hsl(223,76%,65%) |
| #668cea |
rgb(102,140,234) |
hsl(223,76%,66%) |
| #6b8feb |
rgb(107,143,235) |
hsl(223,76%,67%) |
| #6f93eb |
rgb(111,147,235) |
hsl(223,76%,68%) |
| #7496ec |
rgb(116,150,236) |
hsl(223,76%,69%) |
| #7899ed |
rgb(120,153,237) |
hsl(223,76%,70%) |
| #7d9ded |
rgb(125,157,237) |
hsl(223,76%,71%) |
| #81a0ee |
rgb(129,160,238) |
hsl(223,76%,72%) |
| #86a3ee |
rgb(134,163,238) |
hsl(223,76%,73%) |
| #8aa7ef |
rgb(138,167,239) |
hsl(223,76%,74%) |
| #8faaf0 |
rgb(143,170,240) |
hsl(223,76%,75%) |
| #93aef0 |
rgb(147,174,240) |
hsl(223,76%,76%) |
| #98b1f1 |
rgb(152,177,241) |
hsl(223,76%,77%) |
| #9cb4f2 |
rgb(156,180,242) |
hsl(223,76%,78%) |
| #a1b8f2 |
rgb(161,184,242) |
hsl(223,76%,79%) |
| #a5bbf3 |
rgb(165,187,243) |
hsl(223,76%,80%) |
| #aabff3 |
rgb(170,191,243) |
hsl(223,76%,81%) |
| #aec2f4 |
rgb(174,194,244) |
hsl(223,76%,82%) |
| #b3c5f5 |
rgb(179,197,245) |
hsl(223,76%,83%) |
| #b7c9f5 |
rgb(183,201,245) |
hsl(223,76%,84%) |
| #bcccf6 |
rgb(188,204,246) |
hsl(223,76%,85%) |
| #c0d0f6 |
rgb(192,208,246) |
hsl(223,76%,86%) |
| #c5d3f7 |
rgb(197,211,247) |
hsl(223,76%,87%) |
| #c9d6f8 |
rgb(201,214,248) |
hsl(223,76%,88%) |
| #cedaf8 |
rgb(206,218,248) |
hsl(223,76%,89%) |
| #d2ddf9 |
rgb(210,221,249) |
hsl(223,76%,90%) |
| #d7e0f9 |
rgb(215,224,249) |
hsl(223,76%,91%) |
| #dbe4fa |
rgb(219,228,250) |
hsl(223,76%,92%) |
| #e0e7fb |
rgb(224,231,251) |
hsl(223,76%,93%) |
| #e4ebfb |
rgb(228,235,251) |
hsl(223,76%,94%) |
| #e9eefc |
rgb(233,238,252) |
hsl(223,76%,95%) |
| #edf1fd |
rgb(237,241,253) |
hsl(223,76%,96%) |
| #f2f5fd |
rgb(242,245,253) |
hsl(223,76%,97%) |
| #f6f8fe |
rgb(246,248,254) |
hsl(223,76%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(223,76%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #1fd6e0 |
rgb(31,214,224) |
hsl(183,76%,50%) |
| #1f56e0 |
rgb(31,86,224) |
hsl(223,76%,50%) |
| #681fe0 |
rgb(104,31,224) |
hsl(263,76%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #668ce9 |
rgb(102,140,233) |
hsl(223,75%,66%) |
| #4270e4 |
rgb(66,112,228) |
hsl(223,75%,58%) |
| #1f56e0 |
rgb(31,86,224) |
hsl(223,76%,50%) |
| #1a47bc |
rgb(26,71,188) |
hsl(223,76%,42%) |
| #153b98 |
rgb(21,59,152) |
hsl(223,76%,34%) |
| #102e74 |
rgb(16,46,116) |
hsl(222,76%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #1f56e0 |
rgb(31,86,224) |
hsl(223,76%,50%) |
| #e0471f |
rgb(224,71,31) |
hsl(12,76%,50%) |
| #b6e01f |
rgb(182,224,31) |
hsl(73,76%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #1f56e0 |
rgb(31,86,224) |
hsl(223,76%,50%) |
| #e0a81f |
rgb(224,168,31) |
hsl(43,76%,50%) |
| #1fb8e0 |
rgb(31,184,224) |
hsl(192,76%,50%) |
| #b6e01f |
rgb(182,224,31) |
hsl(73,76%,50%) |
