Color HEX #367DC9, RGB(54,125,201)
Color name is Mariner. The color #367dc9 is a dark shade and moderately saturated.
Your selected color codes
Palette
367dc9 color palette from light to dark
| HEX |
RGB |
HSL |
| #010304 |
rgb(1,3,4) |
hsl(211,58%,1%) |
| #020508 |
rgb(2,5,8) |
hsl(211,58%,2%) |
| #03080c |
rgb(3,8,12) |
hsl(211,58%,3%) |
| #040a10 |
rgb(4,10,16) |
hsl(211,58%,4%) |
| #050d14 |
rgb(5,13,20) |
hsl(211,58%,5%) |
| #060f18 |
rgb(6,15,24) |
hsl(211,58%,6%) |
| #07121c |
rgb(7,18,28) |
hsl(211,58%,7%) |
| #091420 |
rgb(9,20,32) |
hsl(211,58%,8%) |
| #0a1724 |
rgb(10,23,36) |
hsl(211,58%,9%) |
| #0b1928 |
rgb(11,25,40) |
hsl(211,58%,10%) |
| #0c1c2c |
rgb(12,28,44) |
hsl(211,58%,11%) |
| #0d1e30 |
rgb(13,30,48) |
hsl(211,58%,12%) |
| #0f2338 |
rgb(15,35,56) |
hsl(211,58%,14%) |
| #10263c |
rgb(16,38,60) |
hsl(211,58%,15%) |
| #112840 |
rgb(17,40,64) |
hsl(211,58%,16%) |
| #122b44 |
rgb(18,43,68) |
hsl(211,58%,17%) |
| #132d49 |
rgb(19,45,73) |
hsl(211,58%,18%) |
| #14304d |
rgb(20,48,77) |
hsl(211,58%,19%) |
| #153251 |
rgb(21,50,81) |
hsl(211,58%,20%) |
| #163555 |
rgb(22,53,85) |
hsl(211,58%,21%) |
| #183759 |
rgb(24,55,89) |
hsl(211,58%,22%) |
| #193a5d |
rgb(25,58,93) |
hsl(211,58%,23%) |
| #1a3c61 |
rgb(26,60,97) |
hsl(211,58%,24%) |
| #1b3f65 |
rgb(27,63,101) |
hsl(211,58%,25%) |
| #1c4169 |
rgb(28,65,105) |
hsl(211,58%,26%) |
| #1d446d |
rgb(29,68,109) |
hsl(211,58%,27%) |
| #1e4671 |
rgb(30,70,113) |
hsl(211,58%,28%) |
| #1f4975 |
rgb(31,73,117) |
hsl(211,58%,29%) |
| #204b79 |
rgb(32,75,121) |
hsl(211,58%,30%) |
| #214e7d |
rgb(33,78,125) |
hsl(211,58%,31%) |
| #225081 |
rgb(34,80,129) |
hsl(211,58%,32%) |
| #235385 |
rgb(35,83,133) |
hsl(211,58%,33%) |
| #245589 |
rgb(36,85,137) |
hsl(211,58%,34%) |
| #25588d |
rgb(37,88,141) |
hsl(211,58%,35%) |
| #275a91 |
rgb(39,90,145) |
hsl(211,58%,36%) |
| #285d95 |
rgb(40,93,149) |
hsl(211,58%,37%) |
| #295f99 |
rgb(41,95,153) |
hsl(211,58%,38%) |
| #2a629d |
rgb(42,98,157) |
hsl(211,58%,39%) |
| #2b64a1 |
rgb(43,100,161) |
hsl(211,58%,40%) |
| #2c67a5 |
rgb(44,103,165) |
hsl(211,58%,41%) |
| #2d69a9 |
rgb(45,105,169) |
hsl(211,58%,42%) |
| #2e6cad |
rgb(46,108,173) |
hsl(211,58%,43%) |
| #2f6eb1 |
rgb(47,110,177) |
hsl(211,58%,44%) |
| #3071b5 |
rgb(48,113,181) |
hsl(211,58%,45%) |
| #3173b9 |
rgb(49,115,185) |
hsl(211,58%,46%) |
| #3276bd |
rgb(50,118,189) |
hsl(211,58%,47%) |
| #3378c1 |
rgb(51,120,193) |
hsl(211,58%,48%) |
| #347bc5 |
rgb(52,123,197) |
hsl(211,58%,49%) |
| #367dc9 |
rgb(54,125,201) |
hsl(211,58%,50%) |
| #3a80cb |
rgb(58,128,203) |
hsl(211,58%,51%) |
| #3e82cc |
rgb(62,130,204) |
hsl(211,58%,52%) |
| #4285cd |
rgb(66,133,205) |
hsl(211,58%,53%) |
| #4687ce |
rgb(70,135,206) |
hsl(211,58%,54%) |
| #4a8acf |
rgb(74,138,207) |
hsl(211,58%,55%) |
| #4e8dd0 |
rgb(78,141,208) |
hsl(211,58%,56%) |
| #528fd1 |
rgb(82,143,209) |
hsl(211,58%,57%) |
| #5692d2 |
rgb(86,146,210) |
hsl(211,58%,58%) |
| #5a94d3 |
rgb(90,148,211) |
hsl(211,58%,59%) |
| #5e97d4 |
rgb(94,151,212) |
hsl(211,58%,60%) |
| #629ad5 |
rgb(98,154,213) |
hsl(211,58%,61%) |
| #669cd6 |
rgb(102,156,214) |
hsl(211,58%,62%) |
| #6a9fd7 |
rgb(106,159,215) |
hsl(211,58%,63%) |
| #6ea1d8 |
rgb(110,161,216) |
hsl(211,58%,64%) |
| #72a4da |
rgb(114,164,218) |
hsl(211,58%,65%) |
| #76a7db |
rgb(118,167,219) |
hsl(211,58%,66%) |
| #7aa9dc |
rgb(122,169,220) |
hsl(211,58%,67%) |
| #7eacdd |
rgb(126,172,221) |
hsl(211,58%,68%) |
| #82aede |
rgb(130,174,222) |
hsl(211,58%,69%) |
| #86b1df |
rgb(134,177,223) |
hsl(211,58%,70%) |
| #8ab4e0 |
rgb(138,180,224) |
hsl(211,58%,71%) |
| #8eb6e1 |
rgb(142,182,225) |
hsl(211,58%,72%) |
| #92b9e2 |
rgb(146,185,226) |
hsl(211,58%,73%) |
| #96bbe3 |
rgb(150,187,227) |
hsl(211,58%,74%) |
| #9abee4 |
rgb(154,190,228) |
hsl(211,58%,75%) |
| #9ec1e5 |
rgb(158,193,229) |
hsl(211,58%,76%) |
| #a2c3e6 |
rgb(162,195,230) |
hsl(211,58%,77%) |
| #a6c6e7 |
rgb(166,198,231) |
hsl(211,58%,78%) |
| #aac8e9 |
rgb(170,200,233) |
hsl(211,58%,79%) |
| #aecbea |
rgb(174,203,234) |
hsl(211,58%,80%) |
| #b2ceeb |
rgb(178,206,235) |
hsl(211,58%,81%) |
| #b6d0ec |
rgb(182,208,236) |
hsl(211,58%,82%) |
| #bbd3ed |
rgb(187,211,237) |
hsl(211,58%,83%) |
| #bfd5ee |
rgb(191,213,238) |
hsl(211,58%,84%) |
| #c3d8ef |
rgb(195,216,239) |
hsl(211,58%,85%) |
| #c7dbf0 |
rgb(199,219,240) |
hsl(211,58%,86%) |
| #cbddf1 |
rgb(203,221,241) |
hsl(211,58%,87%) |
| #cfe0f2 |
rgb(207,224,242) |
hsl(211,58%,88%) |
| #d3e2f3 |
rgb(211,226,243) |
hsl(211,58%,89%) |
| #d7e5f4 |
rgb(215,229,244) |
hsl(211,58%,90%) |
| #dbe8f5 |
rgb(219,232,245) |
hsl(211,58%,91%) |
| #dfeaf6 |
rgb(223,234,246) |
hsl(211,58%,92%) |
| #e3edf8 |
rgb(227,237,248) |
hsl(211,58%,93%) |
| #e7eff9 |
rgb(231,239,249) |
hsl(211,58%,94%) |
| #ebf2fa |
rgb(235,242,250) |
hsl(211,58%,95%) |
| #eff5fb |
rgb(239,245,251) |
hsl(211,58%,96%) |
| #f3f7fc |
rgb(243,247,252) |
hsl(211,58%,97%) |
| #f7fafd |
rgb(247,250,253) |
hsl(211,58%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(211,58%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #36c9b3 |
rgb(54,201,179) |
hsl(171,58%,50%) |
| #367dc9 |
rgb(54,125,201) |
hsl(211,58%,50%) |
| #5136c9 |
rgb(81,54,201) |
hsl(251,58%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #76a6da |
rgb(118,166,218) |
hsl(211,57%,66%) |
| #5691d1 |
rgb(86,145,209) |
hsl(211,57%,58%) |
| #367dc9 |
rgb(54,125,201) |
hsl(211,58%,50%) |
| #2d69a8 |
rgb(45,105,168) |
hsl(211,58%,42%) |
| #245488 |
rgb(36,84,136) |
hsl(211,58%,34%) |
| #1c4068 |
rgb(28,64,104) |
hsl(212,58%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #367dc9 |
rgb(54,125,201) |
hsl(211,58%,50%) |
| #c93836 |
rgb(201,56,54) |
hsl(1,58%,50%) |
| #c6c936 |
rgb(198,201,54) |
hsl(61,58%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #367dc9 |
rgb(54,125,201) |
hsl(211,58%,50%) |
| #c98236 |
rgb(201,130,54) |
hsl(31,58%,50%) |
| #36c7c9 |
rgb(54,199,201) |
hsl(181,58%,50%) |
| #c6c936 |
rgb(198,201,54) |
hsl(61,58%,50%) |
