Color HEX #1F5FE0, RGB(31,95,224)

Color name is Mariner. The color #1f5fe0 is a dark shade and highly saturated.

#1f5fe0
Fortune cookie with button

Color codes

copy icon
copy icon
copy icon

Your selected color codes

Palette

1f5fe0 color palette from light to dark

HEX RGB HSL
#010204 rgb(1,2,4) hsl(220,76%,1%)
#010409 rgb(1,4,9) hsl(220,76%,2%)
#02060d rgb(2,6,13) hsl(220,76%,3%)
#020812 rgb(2,8,18) hsl(220,76%,4%)
#030a16 rgb(3,10,22) hsl(220,76%,5%)
#040b1b rgb(4,11,27) hsl(220,76%,6%)
#040d1f rgb(4,13,31) hsl(220,76%,7%)
#050f24 rgb(5,15,36) hsl(220,76%,8%)
#061128 rgb(6,17,40) hsl(220,76%,9%)
#06132d rgb(6,19,45) hsl(220,76%,10%)
#071531 rgb(7,21,49) hsl(220,76%,11%)
#071736 rgb(7,23,54) hsl(220,76%,12%)
#08193a rgb(8,25,58) hsl(220,76%,13%)
#091b3f rgb(9,27,63) hsl(220,76%,14%)
#091d43 rgb(9,29,67) hsl(220,76%,15%)
#0a1e48 rgb(10,30,72) hsl(220,76%,16%)
#0a204c rgb(10,32,76) hsl(220,76%,17%)
#0b2251 rgb(11,34,81) hsl(220,76%,18%)
#0c2455 rgb(12,36,85) hsl(220,76%,19%)
#0c265a rgb(12,38,90) hsl(220,76%,20%)
#0d285e rgb(13,40,94) hsl(220,76%,21%)
#0d2a63 rgb(13,42,99) hsl(220,76%,22%)
#0e2c67 rgb(14,44,103) hsl(220,76%,23%)
#0f2e6c rgb(15,46,108) hsl(220,76%,24%)
#0f3070 rgb(15,48,112) hsl(220,76%,25%)
#103275 rgb(16,50,117) hsl(220,76%,26%)
#113379 rgb(17,51,121) hsl(220,76%,27%)
#11357e rgb(17,53,126) hsl(220,76%,28%)
#123782 rgb(18,55,130) hsl(220,76%,29%)
#123987 rgb(18,57,135) hsl(220,76%,30%)
#133b8b rgb(19,59,139) hsl(220,76%,31%)
#143d90 rgb(20,61,144) hsl(220,76%,32%)
#143f94 rgb(20,63,148) hsl(220,76%,33%)
#154199 rgb(21,65,153) hsl(220,76%,34%)
#15439d rgb(21,67,157) hsl(220,76%,35%)
#1645a2 rgb(22,69,162) hsl(220,76%,36%)
#1746a6 rgb(23,70,166) hsl(220,76%,37%)
#1748ab rgb(23,72,171) hsl(220,76%,38%)
#184aaf rgb(24,74,175) hsl(220,76%,39%)
#184cb4 rgb(24,76,180) hsl(220,76%,40%)
#194eb8 rgb(25,78,184) hsl(220,76%,41%)
#1a50bc rgb(26,80,188) hsl(220,76%,42%)
#1a52c1 rgb(26,82,193) hsl(220,76%,43%)
#1b54c5 rgb(27,84,197) hsl(220,76%,44%)
#1c56ca rgb(28,86,202) hsl(220,76%,45%)
#1c58ce rgb(28,88,206) hsl(220,76%,46%)
#1d59d3 rgb(29,89,211) hsl(220,76%,47%)
#1d5bd7 rgb(29,91,215) hsl(220,76%,48%)
#1e5ddc rgb(30,93,220) hsl(220,76%,49%)
#1f5fe0 rgb(31,95,224) hsl(220,76%,50%)
#2362e1 rgb(35,98,225) hsl(220,76%,51%)
#2866e2 rgb(40,102,226) hsl(220,76%,52%)
#2c69e2 rgb(44,105,226) hsl(220,76%,53%)
#316ce3 rgb(49,108,227) hsl(220,76%,54%)
#356fe3 rgb(53,111,227) hsl(220,76%,55%)
#3a72e4 rgb(58,114,228) hsl(220,76%,56%)
#3e76e5 rgb(62,118,229) hsl(220,76%,57%)
#4379e5 rgb(67,121,229) hsl(220,76%,58%)
#477ce6 rgb(71,124,230) hsl(220,76%,59%)
#4b7fe7 rgb(75,127,231) hsl(220,76%,60%)
#5082e7 rgb(80,130,231) hsl(220,76%,61%)
#5486e8 rgb(84,134,232) hsl(220,76%,62%)
#5989e8 rgb(89,137,232) hsl(220,76%,63%)
#5d8ce9 rgb(93,140,233) hsl(220,76%,64%)
#628fea rgb(98,143,234) hsl(220,76%,65%)
#6692ea rgb(102,146,234) hsl(220,76%,66%)
#6b96eb rgb(107,150,235) hsl(220,76%,67%)
#6f99eb rgb(111,153,235) hsl(220,76%,68%)
#749cec rgb(116,156,236) hsl(220,76%,69%)
#789fed rgb(120,159,237) hsl(220,76%,70%)
#7da2ed rgb(125,162,237) hsl(220,76%,71%)
#81a6ee rgb(129,166,238) hsl(220,76%,72%)
#86a9ee rgb(134,169,238) hsl(220,76%,73%)
#8aacef rgb(138,172,239) hsl(220,76%,74%)
#8faff0 rgb(143,175,240) hsl(220,76%,75%)
#93b2f0 rgb(147,178,240) hsl(220,76%,76%)
#98b5f1 rgb(152,181,241) hsl(220,76%,77%)
#9cb9f2 rgb(156,185,242) hsl(220,76%,78%)
#a1bcf2 rgb(161,188,242) hsl(220,76%,79%)
#a5bff3 rgb(165,191,243) hsl(220,76%,80%)
#aac2f3 rgb(170,194,243) hsl(220,76%,81%)
#aec5f4 rgb(174,197,244) hsl(220,76%,82%)
#b3c9f5 rgb(179,201,245) hsl(220,76%,83%)
#b7ccf5 rgb(183,204,245) hsl(220,76%,84%)
#bccff6 rgb(188,207,246) hsl(220,76%,85%)
#c0d2f6 rgb(192,210,246) hsl(220,76%,86%)
#c5d5f7 rgb(197,213,247) hsl(220,76%,87%)
#c9d9f8 rgb(201,217,248) hsl(220,76%,88%)
#cedcf8 rgb(206,220,248) hsl(220,76%,89%)
#d2dff9 rgb(210,223,249) hsl(220,76%,90%)
#d7e2f9 rgb(215,226,249) hsl(220,76%,91%)
#dbe5fa rgb(219,229,250) hsl(220,76%,92%)
#e0e9fb rgb(224,233,251) hsl(220,76%,93%)
#e4ecfb rgb(228,236,251) hsl(220,76%,94%)
#e9effc rgb(233,239,252) hsl(220,76%,95%)
#edf2fd rgb(237,242,253) hsl(220,76%,96%)
#f2f5fd rgb(242,245,253) hsl(220,76%,97%)
#f6f9fe rgb(246,249,254) hsl(220,76%,98%)
#fbfcfe rgb(251,252,254) hsl(220,76%,99%)

Adjacent colors

HEX RGB HSL
#1fe0e0 rgb(31,224,224) hsl(180,76%,50%)
#1f5fe0 rgb(31,95,224) hsl(220,76%,50%)
#5f1fe0 rgb(95,31,224) hsl(260,76%,50%)

Monochromatic colors

HEX RGB HSL
#6691e9 rgb(102,145,233) hsl(220,75%,66%)
#4278e4 rgb(66,120,228) hsl(220,75%,58%)
#1f5fe0 rgb(31,95,224) hsl(220,76%,50%)
#1a4fbc rgb(26,79,188) hsl(220,76%,42%)
#154098 rgb(21,64,152) hsl(220,76%,34%)
#103074 rgb(16,48,116) hsl(221,76%,26%)

Triad color palettes

HEX RGB HSL
#1f5fe0 rgb(31,95,224) hsl(220,76%,50%)
#e0401f rgb(224,64,31) hsl(10,76%,50%)
#bfe01f rgb(191,224,31) hsl(70,76%,50%)

Tetrad color palettes

HEX RGB HSL
#1f5fe0 rgb(31,95,224) hsl(220,76%,50%)
#e0a11f rgb(224,161,31) hsl(40,76%,50%)
#1fbfe0 rgb(31,191,224) hsl(190,76%,50%)
#bfe01f rgb(191,224,31) hsl(70,76%,50%)