Color HEX #3B5FC4, RGB(59,95,196)
Color name is Indigo. The color #3b5fc4 is a dark shade and moderately saturated.
Your selected color codes
Palette
3b5fc4 color palette from light to dark
| HEX |
RGB |
HSL |
| #010204 |
rgb(1,2,4) |
hsl(224,54%,1%) |
| #020408 |
rgb(2,4,8) |
hsl(224,54%,2%) |
| #04060c |
rgb(4,6,12) |
hsl(224,54%,3%) |
| #050810 |
rgb(5,8,16) |
hsl(224,54%,4%) |
| #060a14 |
rgb(6,10,20) |
hsl(224,54%,5%) |
| #070b18 |
rgb(7,11,24) |
hsl(224,54%,6%) |
| #080d1b |
rgb(8,13,27) |
hsl(224,54%,7%) |
| #090f1f |
rgb(9,15,31) |
hsl(224,54%,8%) |
| #0b1123 |
rgb(11,17,35) |
hsl(224,54%,9%) |
| #0c1327 |
rgb(12,19,39) |
hsl(224,54%,10%) |
| #0d152b |
rgb(13,21,43) |
hsl(224,54%,11%) |
| #0e172f |
rgb(14,23,47) |
hsl(224,54%,12%) |
| #0f1933 |
rgb(15,25,51) |
hsl(224,54%,13%) |
| #101b37 |
rgb(16,27,55) |
hsl(224,54%,14%) |
| #121d3b |
rgb(18,29,59) |
hsl(224,54%,15%) |
| #131f3f |
rgb(19,31,63) |
hsl(224,54%,16%) |
| #142043 |
rgb(20,32,67) |
hsl(224,54%,17%) |
| #152247 |
rgb(21,34,71) |
hsl(224,54%,18%) |
| #16244b |
rgb(22,36,75) |
hsl(224,54%,19%) |
| #17264f |
rgb(23,38,79) |
hsl(224,54%,20%) |
| #192852 |
rgb(25,40,82) |
hsl(224,54%,21%) |
| #1a2a56 |
rgb(26,42,86) |
hsl(224,54%,22%) |
| #1b2c5a |
rgb(27,44,90) |
hsl(224,54%,23%) |
| #1c2e5e |
rgb(28,46,94) |
hsl(224,54%,24%) |
| #1d3062 |
rgb(29,48,98) |
hsl(224,54%,25%) |
| #1e3266 |
rgb(30,50,102) |
hsl(224,54%,26%) |
| #20336a |
rgb(32,51,106) |
hsl(224,54%,27%) |
| #21356e |
rgb(33,53,110) |
hsl(224,54%,28%) |
| #223772 |
rgb(34,55,114) |
hsl(224,54%,29%) |
| #233976 |
rgb(35,57,118) |
hsl(224,54%,30%) |
| #243b7a |
rgb(36,59,122) |
hsl(224,54%,31%) |
| #263d7e |
rgb(38,61,126) |
hsl(224,54%,32%) |
| #273f82 |
rgb(39,63,130) |
hsl(224,54%,33%) |
| #284186 |
rgb(40,65,134) |
hsl(224,54%,34%) |
| #294389 |
rgb(41,67,137) |
hsl(224,54%,35%) |
| #2a458d |
rgb(42,69,141) |
hsl(224,54%,36%) |
| #2b4791 |
rgb(43,71,145) |
hsl(224,54%,37%) |
| #2d4895 |
rgb(45,72,149) |
hsl(224,54%,38%) |
| #2e4a99 |
rgb(46,74,153) |
hsl(224,54%,39%) |
| #2f4c9d |
rgb(47,76,157) |
hsl(224,54%,40%) |
| #304ea1 |
rgb(48,78,161) |
hsl(224,54%,41%) |
| #3150a5 |
rgb(49,80,165) |
hsl(224,54%,42%) |
| #3252a9 |
rgb(50,82,169) |
hsl(224,54%,43%) |
| #3454ad |
rgb(52,84,173) |
hsl(224,54%,44%) |
| #3556b1 |
rgb(53,86,177) |
hsl(224,54%,45%) |
| #3658b5 |
rgb(54,88,181) |
hsl(224,54%,46%) |
| #375ab9 |
rgb(55,90,185) |
hsl(224,54%,47%) |
| #385cbc |
rgb(56,92,188) |
hsl(224,54%,48%) |
| #395dc0 |
rgb(57,93,192) |
hsl(224,54%,49%) |
| #3b5fc4 |
rgb(59,95,196) |
hsl(224,54%,50%) |
| #3f63c6 |
rgb(63,99,198) |
hsl(224,54%,51%) |
| #4366c7 |
rgb(67,102,199) |
hsl(224,54%,52%) |
| #4669c8 |
rgb(70,105,200) |
hsl(224,54%,53%) |
| #4a6cc9 |
rgb(74,108,201) |
hsl(224,54%,54%) |
| #4e6fca |
rgb(78,111,202) |
hsl(224,54%,55%) |
| #5273cb |
rgb(82,115,203) |
hsl(224,54%,56%) |
| #5676cd |
rgb(86,118,205) |
hsl(224,54%,57%) |
| #5a79ce |
rgb(90,121,206) |
hsl(224,54%,58%) |
| #5e7ccf |
rgb(94,124,207) |
hsl(224,54%,59%) |
| #627fd0 |
rgb(98,127,208) |
hsl(224,54%,60%) |
| #6682d1 |
rgb(102,130,209) |
hsl(224,54%,61%) |
| #6a86d2 |
rgb(106,134,210) |
hsl(224,54%,62%) |
| #6e89d4 |
rgb(110,137,212) |
hsl(224,54%,63%) |
| #728cd5 |
rgb(114,140,213) |
hsl(224,54%,64%) |
| #768fd6 |
rgb(118,143,214) |
hsl(224,54%,65%) |
| #7992d7 |
rgb(121,146,215) |
hsl(224,54%,66%) |
| #7d96d8 |
rgb(125,150,216) |
hsl(224,54%,67%) |
| #8199d9 |
rgb(129,153,217) |
hsl(224,54%,68%) |
| #859cdb |
rgb(133,156,219) |
hsl(224,54%,69%) |
| #899fdc |
rgb(137,159,220) |
hsl(224,54%,70%) |
| #8da2dd |
rgb(141,162,221) |
hsl(224,54%,71%) |
| #91a6de |
rgb(145,166,222) |
hsl(224,54%,72%) |
| #95a9df |
rgb(149,169,223) |
hsl(224,54%,73%) |
| #99ace1 |
rgb(153,172,225) |
hsl(224,54%,74%) |
| #9dafe2 |
rgb(157,175,226) |
hsl(224,54%,75%) |
| #a1b2e3 |
rgb(161,178,227) |
hsl(224,54%,76%) |
| #a5b6e4 |
rgb(165,182,228) |
hsl(224,54%,77%) |
| #a9b9e5 |
rgb(169,185,229) |
hsl(224,54%,78%) |
| #adbce6 |
rgb(173,188,230) |
hsl(224,54%,79%) |
| #b0bfe8 |
rgb(176,191,232) |
hsl(224,54%,80%) |
| #b4c2e9 |
rgb(180,194,233) |
hsl(224,54%,81%) |
| #b8c6ea |
rgb(184,198,234) |
hsl(224,54%,82%) |
| #bcc9eb |
rgb(188,201,235) |
hsl(224,54%,83%) |
| #c0ccec |
rgb(192,204,236) |
hsl(224,54%,84%) |
| #c4cfed |
rgb(196,207,237) |
hsl(224,54%,85%) |
| #c8d2ef |
rgb(200,210,239) |
hsl(224,54%,86%) |
| #ccd5f0 |
rgb(204,213,240) |
hsl(224,54%,87%) |
| #d0d9f1 |
rgb(208,217,241) |
hsl(224,54%,88%) |
| #d4dcf2 |
rgb(212,220,242) |
hsl(224,54%,89%) |
| #d8dff3 |
rgb(216,223,243) |
hsl(224,54%,90%) |
| #dce2f4 |
rgb(220,226,244) |
hsl(224,54%,91%) |
| #e0e5f6 |
rgb(224,229,246) |
hsl(224,54%,92%) |
| #e4e9f7 |
rgb(228,233,247) |
hsl(224,54%,93%) |
| #e7ecf8 |
rgb(231,236,248) |
hsl(224,54%,94%) |
| #ebeff9 |
rgb(235,239,249) |
hsl(224,54%,95%) |
| #eff2fa |
rgb(239,242,250) |
hsl(224,54%,96%) |
| #f3f5fb |
rgb(243,245,251) |
hsl(224,54%,97%) |
| #f7f9fd |
rgb(247,249,253) |
hsl(224,54%,98%) |
| #fbfcfe |
rgb(251,252,254) |
hsl(224,54%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3bbac4 |
rgb(59,186,196) |
hsl(184,54%,50%) |
| #3b5fc4 |
rgb(59,95,196) |
hsl(224,54%,50%) |
| #723bc4 |
rgb(114,59,196) |
hsl(264,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%) |
| #3b5fc4 |
rgb(59,95,196) |
hsl(224,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 |
| #3b5fc4 |
rgb(59,95,196) |
hsl(224,54%,50%) |
| #c45c3b |
rgb(196,92,59) |
hsl(14,54%,50%) |
| #a3c43b |
rgb(163,196,59) |
hsl(74,54%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3b5fc4 |
rgb(59,95,196) |
hsl(224,54%,50%) |
| #c4a13b |
rgb(196,161,59) |
hsl(45,54%,50%) |
| #3ba3c4 |
rgb(59,163,196) |
hsl(194,54%,50%) |
| #a3c43b |
rgb(163,196,59) |
hsl(74,54%,50%) |
