Color HEX #1F54E0, RGB(31,84,224)
Color name is Mariner. The color #1f54e0 is a dark shade and highly saturated.
Palette
1f54e0 color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(224,76%,1%) |
| #010309 |
rgb(1,3,9) |
hsl(224,76%,2%) |
| #02050d |
rgb(2,5,13) |
hsl(224,76%,3%) |
| #020712 |
rgb(2,7,18) |
hsl(224,76%,4%) |
| #030816 |
rgb(3,8,22) |
hsl(224,76%,5%) |
| #040a1b |
rgb(4,10,27) |
hsl(224,76%,6%) |
| #040c1f |
rgb(4,12,31) |
hsl(224,76%,7%) |
| #050d24 |
rgb(5,13,36) |
hsl(224,76%,8%) |
| #060f28 |
rgb(6,15,40) |
hsl(224,76%,9%) |
| #06102d |
rgb(6,16,45) |
hsl(224,76%,10%) |
| #071231 |
rgb(7,18,49) |
hsl(224,76%,11%) |
| #071436 |
rgb(7,20,54) |
hsl(224,76%,12%) |
| #08153a |
rgb(8,21,58) |
hsl(224,76%,13%) |
| #09173f |
rgb(9,23,63) |
hsl(224,76%,14%) |
| #091943 |
rgb(9,25,67) |
hsl(224,76%,15%) |
| #0a1a48 |
rgb(10,26,72) |
hsl(224,76%,16%) |
| #0a1c4c |
rgb(10,28,76) |
hsl(224,76%,17%) |
| #0b1e51 |
rgb(11,30,81) |
hsl(224,76%,18%) |
| #0c1f55 |
rgb(12,31,85) |
hsl(224,76%,19%) |
| #0c215a |
rgb(12,33,90) |
hsl(224,76%,20%) |
| #0d235e |
rgb(13,35,94) |
hsl(224,76%,21%) |
| #0d2463 |
rgb(13,36,99) |
hsl(224,76%,22%) |
| #0f276c |
rgb(15,39,108) |
hsl(224,76%,24%) |
| #0f2970 |
rgb(15,41,112) |
hsl(224,76%,25%) |
| #102b75 |
rgb(16,43,117) |
hsl(224,76%,26%) |
| #112c79 |
rgb(17,44,121) |
hsl(224,76%,27%) |
| #112e7e |
rgb(17,46,126) |
hsl(224,76%,28%) |
| #123082 |
rgb(18,48,130) |
hsl(224,76%,29%) |
| #123187 |
rgb(18,49,135) |
hsl(224,76%,30%) |
| #13338b |
rgb(19,51,139) |
hsl(224,76%,31%) |
| #143590 |
rgb(20,53,144) |
hsl(224,76%,32%) |
| #143694 |
rgb(20,54,148) |
hsl(224,76%,33%) |
| #153899 |
rgb(21,56,153) |
hsl(224,76%,34%) |
| #153a9d |
rgb(21,58,157) |
hsl(224,76%,35%) |
| #163ba2 |
rgb(22,59,162) |
hsl(224,76%,36%) |
| #173da6 |
rgb(23,61,166) |
hsl(224,76%,37%) |
| #173fab |
rgb(23,63,171) |
hsl(224,76%,38%) |
| #1840af |
rgb(24,64,175) |
hsl(224,76%,39%) |
| #1842b4 |
rgb(24,66,180) |
hsl(224,76%,40%) |
| #1943b8 |
rgb(25,67,184) |
hsl(224,76%,41%) |
| #1a45bc |
rgb(26,69,188) |
hsl(224,76%,42%) |
| #1a47c1 |
rgb(26,71,193) |
hsl(224,76%,43%) |
| #1b48c5 |
rgb(27,72,197) |
hsl(224,76%,44%) |
| #1c4aca |
rgb(28,74,202) |
hsl(224,76%,45%) |
| #1c4cce |
rgb(28,76,206) |
hsl(224,76%,46%) |
| #1d4dd3 |
rgb(29,77,211) |
hsl(224,76%,47%) |
| #1d4fd7 |
rgb(29,79,215) |
hsl(224,76%,48%) |
| #1e51dc |
rgb(30,81,220) |
hsl(224,76%,49%) |
| #1f52e0 |
rgb(31,82,224) |
hsl(224,76%,50%) |
| #2356e1 |
rgb(35,86,225) |
hsl(224,76%,51%) |
| #2859e2 |
rgb(40,89,226) |
hsl(224,76%,52%) |
| #2c5de2 |
rgb(44,93,226) |
hsl(224,76%,53%) |
| #3160e3 |
rgb(49,96,227) |
hsl(224,76%,54%) |
| #3564e3 |
rgb(53,100,227) |
hsl(224,76%,55%) |
| #3a67e4 |
rgb(58,103,228) |
hsl(224,76%,56%) |
| #3e6ae5 |
rgb(62,106,229) |
hsl(224,76%,57%) |
| #436ee5 |
rgb(67,110,229) |
hsl(224,76%,58%) |
| #4771e6 |
rgb(71,113,230) |
hsl(224,76%,59%) |
| #4b75e7 |
rgb(75,117,231) |
hsl(224,76%,60%) |
| #5078e7 |
rgb(80,120,231) |
hsl(224,76%,61%) |
| #547ce8 |
rgb(84,124,232) |
hsl(224,76%,62%) |
| #597fe8 |
rgb(89,127,232) |
hsl(224,76%,63%) |
| #5d83e9 |
rgb(93,131,233) |
hsl(224,76%,64%) |
| #6286ea |
rgb(98,134,234) |
hsl(224,76%,65%) |
| #668aea |
rgb(102,138,234) |
hsl(224,76%,66%) |
| #6b8deb |
rgb(107,141,235) |
hsl(224,76%,67%) |
| #6f90eb |
rgb(111,144,235) |
hsl(224,76%,68%) |
| #7494ec |
rgb(116,148,236) |
hsl(224,76%,69%) |
| #7897ed |
rgb(120,151,237) |
hsl(224,76%,70%) |
| #7d9bed |
rgb(125,155,237) |
hsl(224,76%,71%) |
| #819eee |
rgb(129,158,238) |
hsl(224,76%,72%) |
| #86a2ee |
rgb(134,162,238) |
hsl(224,76%,73%) |
| #8aa5ef |
rgb(138,165,239) |
hsl(224,76%,74%) |
| #8fa9f0 |
rgb(143,169,240) |
hsl(224,76%,75%) |
| #93acf0 |
rgb(147,172,240) |
hsl(224,76%,76%) |
| #98b0f1 |
rgb(152,176,241) |
hsl(224,76%,77%) |
| #9cb3f2 |
rgb(156,179,242) |
hsl(224,76%,78%) |
| #a1b6f2 |
rgb(161,182,242) |
hsl(224,76%,79%) |
| #a5baf3 |
rgb(165,186,243) |
hsl(224,76%,80%) |
| #aabdf3 |
rgb(170,189,243) |
hsl(224,76%,81%) |
| #aec1f4 |
rgb(174,193,244) |
hsl(224,76%,82%) |
| #b3c4f5 |
rgb(179,196,245) |
hsl(224,76%,83%) |
| #b7c8f5 |
rgb(183,200,245) |
hsl(224,76%,84%) |
| #bccbf6 |
rgb(188,203,246) |
hsl(224,76%,85%) |
| #c0cff6 |
rgb(192,207,246) |
hsl(224,76%,86%) |
| #c5d2f7 |
rgb(197,210,247) |
hsl(224,76%,87%) |
| #c9d6f8 |
rgb(201,214,248) |
hsl(224,76%,88%) |
| #ced9f8 |
rgb(206,217,248) |
hsl(224,76%,89%) |
| #d2dcf9 |
rgb(210,220,249) |
hsl(224,76%,90%) |
| #d7e0f9 |
rgb(215,224,249) |
hsl(224,76%,91%) |
| #dbe3fa |
rgb(219,227,250) |
hsl(224,76%,92%) |
| #e0e7fb |
rgb(224,231,251) |
hsl(224,76%,93%) |
| #e4eafb |
rgb(228,234,251) |
hsl(224,76%,94%) |
| #e9eefc |
rgb(233,238,252) |
hsl(224,76%,95%) |
| #edf1fd |
rgb(237,241,253) |
hsl(224,76%,96%) |
| #f2f5fd |
rgb(242,245,253) |
hsl(224,76%,97%) |
| #f6f8fe |
rgb(246,248,254) |
hsl(224,76%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(224,76%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #1fd4e0 |
rgb(31,212,224) |
hsl(184,76%,50%) |
| #1f54e0 |
rgb(31,84,224) |
hsl(224,76%,50%) |
| #6a1fe0 |
rgb(106,31,224) |
hsl(263,76%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #668ae9 |
rgb(102,138,233) |
hsl(224,75%,66%) |
| #4270e4 |
rgb(66,112,228) |
hsl(223,75%,58%) |
| #1f54e0 |
rgb(31,84,224) |
hsl(224,76%,50%) |
| #1a47bc |
rgb(26,71,188) |
hsl(223,76%,42%) |
| #153898 |
rgb(21,56,152) |
hsl(224,76%,34%) |
| #102b74 |
rgb(16,43,116) |
hsl(224,76%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #1f54e0 |
rgb(31,84,224) |
hsl(224,76%,50%) |
| #e04a1f |
rgb(224,74,31) |
hsl(13,76%,50%) |
| #b4e01f |
rgb(180,224,31) |
hsl(74,76%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #1f54e0 |
rgb(31,84,224) |
hsl(224,76%,50%) |
| #e0ab1f |
rgb(224,171,31) |
hsl(44,76%,50%) |
| #1fb5e0 |
rgb(31,181,224) |
hsl(193,76%,50%) |
| #b4e01f |
rgb(180,224,31) |
hsl(74,76%,50%) |
