Color HEX #367BC9, RGB(54,123,201)
Color name is Mariner. The color #367bc9 is a dark shade and moderately saturated.
Your selected color codes
Palette
367bc9 color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(212,58%,1%) |
| #020508 |
rgb(2,5,8) |
hsl(212,58%,2%) |
| #03070c |
rgb(3,7,12) |
hsl(212,58%,3%) |
| #040a10 |
rgb(4,10,16) |
hsl(212,58%,4%) |
| #050c14 |
rgb(5,12,20) |
hsl(212,58%,5%) |
| #060f18 |
rgb(6,15,24) |
hsl(212,58%,6%) |
| #07111c |
rgb(7,17,28) |
hsl(212,58%,7%) |
| #091420 |
rgb(9,20,32) |
hsl(212,58%,8%) |
| #0a1624 |
rgb(10,22,36) |
hsl(212,58%,9%) |
| #0b1928 |
rgb(11,25,40) |
hsl(212,58%,10%) |
| #0c1b2c |
rgb(12,27,44) |
hsl(212,58%,11%) |
| #0d1d30 |
rgb(13,29,48) |
hsl(212,58%,12%) |
| #0f2238 |
rgb(15,34,56) |
hsl(212,58%,14%) |
| #10253c |
rgb(16,37,60) |
hsl(212,58%,15%) |
| #112740 |
rgb(17,39,64) |
hsl(212,58%,16%) |
| #122a44 |
rgb(18,42,68) |
hsl(212,58%,17%) |
| #132c49 |
rgb(19,44,73) |
hsl(212,58%,18%) |
| #142f4d |
rgb(20,47,77) |
hsl(212,58%,19%) |
| #153151 |
rgb(21,49,81) |
hsl(212,58%,20%) |
| #163355 |
rgb(22,51,85) |
hsl(212,58%,21%) |
| #183659 |
rgb(24,54,89) |
hsl(212,58%,22%) |
| #19385d |
rgb(25,56,93) |
hsl(212,58%,23%) |
| #1a3b61 |
rgb(26,59,97) |
hsl(212,58%,24%) |
| #1b3d65 |
rgb(27,61,101) |
hsl(212,58%,25%) |
| #1c4069 |
rgb(28,64,105) |
hsl(212,58%,26%) |
| #1d426d |
rgb(29,66,109) |
hsl(212,58%,27%) |
| #1e4571 |
rgb(30,69,113) |
hsl(212,58%,28%) |
| #1f4775 |
rgb(31,71,117) |
hsl(212,58%,29%) |
| #204a79 |
rgb(32,74,121) |
hsl(212,58%,30%) |
| #214c7d |
rgb(33,76,125) |
hsl(212,58%,31%) |
| #224e81 |
rgb(34,78,129) |
hsl(212,58%,32%) |
| #235185 |
rgb(35,81,133) |
hsl(212,58%,33%) |
| #245389 |
rgb(36,83,137) |
hsl(212,58%,34%) |
| #25568d |
rgb(37,86,141) |
hsl(212,58%,35%) |
| #275891 |
rgb(39,88,145) |
hsl(212,58%,36%) |
| #285b95 |
rgb(40,91,149) |
hsl(212,58%,37%) |
| #295d99 |
rgb(41,93,153) |
hsl(212,58%,38%) |
| #2a609d |
rgb(42,96,157) |
hsl(212,58%,39%) |
| #2b62a1 |
rgb(43,98,161) |
hsl(212,58%,40%) |
| #2c65a5 |
rgb(44,101,165) |
hsl(212,58%,41%) |
| #2d67a9 |
rgb(45,103,169) |
hsl(212,58%,42%) |
| #2e69ad |
rgb(46,105,173) |
hsl(212,58%,43%) |
| #2f6cb1 |
rgb(47,108,177) |
hsl(212,58%,44%) |
| #306eb5 |
rgb(48,110,181) |
hsl(212,58%,45%) |
| #3171b9 |
rgb(49,113,185) |
hsl(212,58%,46%) |
| #3273bd |
rgb(50,115,189) |
hsl(212,58%,47%) |
| #3376c1 |
rgb(51,118,193) |
hsl(212,58%,48%) |
| #3478c5 |
rgb(52,120,197) |
hsl(212,58%,49%) |
| #367bc9 |
rgb(54,123,201) |
hsl(212,58%,50%) |
| #3a7dcb |
rgb(58,125,203) |
hsl(212,58%,51%) |
| #3e80cc |
rgb(62,128,204) |
hsl(212,58%,52%) |
| #4283cd |
rgb(66,131,205) |
hsl(212,58%,53%) |
| #4685ce |
rgb(70,133,206) |
hsl(212,58%,54%) |
| #4a88cf |
rgb(74,136,207) |
hsl(212,58%,55%) |
| #4e8ad0 |
rgb(78,138,208) |
hsl(212,58%,56%) |
| #528dd1 |
rgb(82,141,209) |
hsl(212,58%,57%) |
| #5690d2 |
rgb(86,144,210) |
hsl(212,58%,58%) |
| #5a92d3 |
rgb(90,146,211) |
hsl(212,58%,59%) |
| #5e95d4 |
rgb(94,149,212) |
hsl(212,58%,60%) |
| #6298d5 |
rgb(98,152,213) |
hsl(212,58%,61%) |
| #669ad6 |
rgb(102,154,214) |
hsl(212,58%,62%) |
| #6a9dd7 |
rgb(106,157,215) |
hsl(212,58%,63%) |
| #6ea0d8 |
rgb(110,160,216) |
hsl(212,58%,64%) |
| #72a2da |
rgb(114,162,218) |
hsl(212,58%,65%) |
| #76a5db |
rgb(118,165,219) |
hsl(212,58%,66%) |
| #7aa8dc |
rgb(122,168,220) |
hsl(212,58%,67%) |
| #7eaadd |
rgb(126,170,221) |
hsl(212,58%,68%) |
| #82adde |
rgb(130,173,222) |
hsl(212,58%,69%) |
| #86b0df |
rgb(134,176,223) |
hsl(212,58%,70%) |
| #8ab2e0 |
rgb(138,178,224) |
hsl(212,58%,71%) |
| #8eb5e1 |
rgb(142,181,225) |
hsl(212,58%,72%) |
| #92b7e2 |
rgb(146,183,226) |
hsl(212,58%,73%) |
| #96bae3 |
rgb(150,186,227) |
hsl(212,58%,74%) |
| #9abde4 |
rgb(154,189,228) |
hsl(212,58%,75%) |
| #9ebfe5 |
rgb(158,191,229) |
hsl(212,58%,76%) |
| #a2c2e6 |
rgb(162,194,230) |
hsl(212,58%,77%) |
| #a6c5e7 |
rgb(166,197,231) |
hsl(212,58%,78%) |
| #aac7e9 |
rgb(170,199,233) |
hsl(212,58%,79%) |
| #aecaea |
rgb(174,202,234) |
hsl(212,58%,80%) |
| #b2cdeb |
rgb(178,205,235) |
hsl(212,58%,81%) |
| #b6cfec |
rgb(182,207,236) |
hsl(212,58%,82%) |
| #bbd2ed |
rgb(187,210,237) |
hsl(212,58%,83%) |
| #bfd5ee |
rgb(191,213,238) |
hsl(212,58%,84%) |
| #c3d7ef |
rgb(195,215,239) |
hsl(212,58%,85%) |
| #c7daf0 |
rgb(199,218,240) |
hsl(212,58%,86%) |
| #cbddf1 |
rgb(203,221,241) |
hsl(212,58%,87%) |
| #cfdff2 |
rgb(207,223,242) |
hsl(212,58%,88%) |
| #d3e2f3 |
rgb(211,226,243) |
hsl(212,58%,89%) |
| #d7e5f4 |
rgb(215,229,244) |
hsl(212,58%,90%) |
| #dbe7f5 |
rgb(219,231,245) |
hsl(212,58%,91%) |
| #dfeaf6 |
rgb(223,234,246) |
hsl(212,58%,92%) |
| #e3ecf8 |
rgb(227,236,248) |
hsl(212,58%,93%) |
| #e7eff9 |
rgb(231,239,249) |
hsl(212,58%,94%) |
| #ebf2fa |
rgb(235,242,250) |
hsl(212,58%,95%) |
| #eff4fb |
rgb(239,244,251) |
hsl(212,58%,96%) |
| #f3f7fc |
rgb(243,247,252) |
hsl(212,58%,97%) |
| #f7fafd |
rgb(247,250,253) |
hsl(212,58%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(212,58%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #36c9b5 |
rgb(54,201,181) |
hsl(172,58%,50%) |
| #367bc9 |
rgb(54,123,201) |
hsl(212,58%,50%) |
| #5336c9 |
rgb(83,54,201) |
hsl(252,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%) |
| #367bc9 |
rgb(54,123,201) |
hsl(212,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 |
| #367bc9 |
rgb(54,123,201) |
hsl(212,58%,50%) |
| #c93b36 |
rgb(201,59,54) |
hsl(2,58%,50%) |
| #c4c936 |
rgb(196,201,54) |
hsl(62,58%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #367bc9 |
rgb(54,123,201) |
hsl(212,58%,50%) |
| #c98536 |
rgb(201,133,54) |
hsl(32,58%,50%) |
| #36c4c9 |
rgb(54,196,201) |
hsl(182,58%,50%) |
| #c4c936 |
rgb(196,201,54) |
hsl(62,58%,50%) |
