Color HEX #3B5DC4, RGB(59,93,196)
Color name is Indigo. The color #3b5dc4 is a dark shade and moderately saturated.
Your selected color codes
Palette
3b5dc4 color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(225,54%,1%) |
| #020408 |
rgb(2,4,8) |
hsl(225,54%,2%) |
| #04060c |
rgb(4,6,12) |
hsl(225,54%,3%) |
| #050710 |
rgb(5,7,16) |
hsl(225,54%,4%) |
| #060914 |
rgb(6,9,20) |
hsl(225,54%,5%) |
| #070b18 |
rgb(7,11,24) |
hsl(225,54%,6%) |
| #080d1b |
rgb(8,13,27) |
hsl(225,54%,7%) |
| #090f1f |
rgb(9,15,31) |
hsl(225,54%,8%) |
| #0b1123 |
rgb(11,17,35) |
hsl(225,54%,9%) |
| #0c1327 |
rgb(12,19,39) |
hsl(225,54%,10%) |
| #0d142b |
rgb(13,20,43) |
hsl(225,54%,11%) |
| #0e162f |
rgb(14,22,47) |
hsl(225,54%,12%) |
| #0f1833 |
rgb(15,24,51) |
hsl(225,54%,13%) |
| #101a37 |
rgb(16,26,55) |
hsl(225,54%,14%) |
| #121c3b |
rgb(18,28,59) |
hsl(225,54%,15%) |
| #131e3f |
rgb(19,30,63) |
hsl(225,54%,16%) |
| #142043 |
rgb(20,32,67) |
hsl(225,54%,17%) |
| #152247 |
rgb(21,34,71) |
hsl(225,54%,18%) |
| #16234b |
rgb(22,35,75) |
hsl(225,54%,19%) |
| #17254f |
rgb(23,37,79) |
hsl(225,54%,20%) |
| #192752 |
rgb(25,39,82) |
hsl(225,54%,21%) |
| #1a2956 |
rgb(26,41,86) |
hsl(225,54%,22%) |
| #1b2b5a |
rgb(27,43,90) |
hsl(225,54%,23%) |
| #1c2d5e |
rgb(28,45,94) |
hsl(225,54%,24%) |
| #1d2f62 |
rgb(29,47,98) |
hsl(225,54%,25%) |
| #1e3066 |
rgb(30,48,102) |
hsl(225,54%,26%) |
| #20326a |
rgb(32,50,106) |
hsl(225,54%,27%) |
| #21346e |
rgb(33,52,110) |
hsl(225,54%,28%) |
| #223672 |
rgb(34,54,114) |
hsl(225,54%,29%) |
| #233876 |
rgb(35,56,118) |
hsl(225,54%,30%) |
| #243a7a |
rgb(36,58,122) |
hsl(225,54%,31%) |
| #263c7e |
rgb(38,60,126) |
hsl(225,54%,32%) |
| #273d82 |
rgb(39,61,130) |
hsl(225,54%,33%) |
| #283f86 |
rgb(40,63,134) |
hsl(225,54%,34%) |
| #294189 |
rgb(41,65,137) |
hsl(225,54%,35%) |
| #2a438d |
rgb(42,67,141) |
hsl(225,54%,36%) |
| #2b4591 |
rgb(43,69,145) |
hsl(225,54%,37%) |
| #2d4795 |
rgb(45,71,149) |
hsl(225,54%,38%) |
| #2e4999 |
rgb(46,73,153) |
hsl(225,54%,39%) |
| #2f4a9d |
rgb(47,74,157) |
hsl(225,54%,40%) |
| #304ca1 |
rgb(48,76,161) |
hsl(225,54%,41%) |
| #314ea5 |
rgb(49,78,165) |
hsl(225,54%,42%) |
| #3250a9 |
rgb(50,80,169) |
hsl(225,54%,43%) |
| #3452ad |
rgb(52,82,173) |
hsl(225,54%,44%) |
| #3554b1 |
rgb(53,84,177) |
hsl(225,54%,45%) |
| #3656b5 |
rgb(54,86,181) |
hsl(225,54%,46%) |
| #3757b9 |
rgb(55,87,185) |
hsl(225,54%,47%) |
| #3859bc |
rgb(56,89,188) |
hsl(225,54%,48%) |
| #395bc0 |
rgb(57,91,192) |
hsl(225,54%,49%) |
| #3b5dc4 |
rgb(59,93,196) |
hsl(225,54%,50%) |
| #3f60c6 |
rgb(63,96,198) |
hsl(225,54%,51%) |
| #4364c7 |
rgb(67,100,199) |
hsl(225,54%,52%) |
| #4667c8 |
rgb(70,103,200) |
hsl(225,54%,53%) |
| #4a6ac9 |
rgb(74,106,201) |
hsl(225,54%,54%) |
| #4e6dca |
rgb(78,109,202) |
hsl(225,54%,55%) |
| #5271cb |
rgb(82,113,203) |
hsl(225,54%,56%) |
| #5674cd |
rgb(86,116,205) |
hsl(225,54%,57%) |
| #5a77ce |
rgb(90,119,206) |
hsl(225,54%,58%) |
| #5e7acf |
rgb(94,122,207) |
hsl(225,54%,59%) |
| #627dd0 |
rgb(98,125,208) |
hsl(225,54%,60%) |
| #6681d1 |
rgb(102,129,209) |
hsl(225,54%,61%) |
| #6a84d2 |
rgb(106,132,210) |
hsl(225,54%,62%) |
| #6e87d4 |
rgb(110,135,212) |
hsl(225,54%,63%) |
| #728ad5 |
rgb(114,138,213) |
hsl(225,54%,64%) |
| #768ed6 |
rgb(118,142,214) |
hsl(225,54%,65%) |
| #7991d7 |
rgb(121,145,215) |
hsl(225,54%,66%) |
| #7d94d8 |
rgb(125,148,216) |
hsl(225,54%,67%) |
| #8197d9 |
rgb(129,151,217) |
hsl(225,54%,68%) |
| #859bdb |
rgb(133,155,219) |
hsl(225,54%,69%) |
| #899edc |
rgb(137,158,220) |
hsl(225,54%,70%) |
| #8da1dd |
rgb(141,161,221) |
hsl(225,54%,71%) |
| #91a4de |
rgb(145,164,222) |
hsl(225,54%,72%) |
| #95a8df |
rgb(149,168,223) |
hsl(225,54%,73%) |
| #99abe1 |
rgb(153,171,225) |
hsl(225,54%,74%) |
| #9daee2 |
rgb(157,174,226) |
hsl(225,54%,75%) |
| #a1b1e3 |
rgb(161,177,227) |
hsl(225,54%,76%) |
| #a5b5e4 |
rgb(165,181,228) |
hsl(225,54%,77%) |
| #a9b8e5 |
rgb(169,184,229) |
hsl(225,54%,78%) |
| #adbbe6 |
rgb(173,187,230) |
hsl(225,54%,79%) |
| #b0bee8 |
rgb(176,190,232) |
hsl(225,54%,80%) |
| #b4c1e9 |
rgb(180,193,233) |
hsl(225,54%,81%) |
| #b8c5ea |
rgb(184,197,234) |
hsl(225,54%,82%) |
| #bcc8eb |
rgb(188,200,235) |
hsl(225,54%,83%) |
| #c0cbec |
rgb(192,203,236) |
hsl(225,54%,84%) |
| #c4ceed |
rgb(196,206,237) |
hsl(225,54%,85%) |
| #c8d2ef |
rgb(200,210,239) |
hsl(225,54%,86%) |
| #ccd5f0 |
rgb(204,213,240) |
hsl(225,54%,87%) |
| #d0d8f1 |
rgb(208,216,241) |
hsl(225,54%,88%) |
| #d4dbf2 |
rgb(212,219,242) |
hsl(225,54%,89%) |
| #d8dff3 |
rgb(216,223,243) |
hsl(225,54%,90%) |
| #dce2f4 |
rgb(220,226,244) |
hsl(225,54%,91%) |
| #e0e5f6 |
rgb(224,229,246) |
hsl(225,54%,92%) |
| #e4e8f7 |
rgb(228,232,247) |
hsl(225,54%,93%) |
| #e7ecf8 |
rgb(231,236,248) |
hsl(225,54%,94%) |
| #ebeff9 |
rgb(235,239,249) |
hsl(225,54%,95%) |
| #eff2fa |
rgb(239,242,250) |
hsl(225,54%,96%) |
| #f3f5fb |
rgb(243,245,251) |
hsl(225,54%,97%) |
| #f7f9fd |
rgb(247,249,253) |
hsl(225,54%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(225,54%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3bb8c4 |
rgb(59,184,196) |
hsl(185,54%,50%) |
| #3b5dc4 |
rgb(59,93,196) |
hsl(225,54%,50%) |
| #743bc4 |
rgb(116,59,196) |
hsl(265,54%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7991d6 |
rgb(121,145,214) |
hsl(225,53%,66%) |
| #5a78cd |
rgb(90,120,205) |
hsl(224,53%,58%) |
| #3b5dc4 |
rgb(59,93,196) |
hsl(225,54%,50%) |
| #314fa4 |
rgb(49,79,164) |
hsl(224,54%,42%) |
| #284085 |
rgb(40,64,133) |
hsl(225,54%,34%) |
| #1e3065 |
rgb(30,48,101) |
hsl(225,54%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3b5dc4 |
rgb(59,93,196) |
hsl(225,54%,50%) |
| #c45e3b |
rgb(196,94,59) |
hsl(15,54%,50%) |
| #a1c43b |
rgb(161,196,59) |
hsl(75,54%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3b5dc4 |
rgb(59,93,196) |
hsl(225,54%,50%) |
| #c4a33b |
rgb(196,163,59) |
hsl(46,54%,50%) |
| #3ba1c4 |
rgb(59,161,196) |
hsl(195,54%,50%) |
| #a1c43b |
rgb(161,196,59) |
hsl(75,54%,50%) |
