Color HEX #408CBF, RGB(64,140,191)
Color name is Boston Blue. The color #408cbf is a light shade and moderately saturated.
Your selected color codes
Palette
408cbf color palette from light to dark
| HEX |
RGB |
HSL |
| #010304 |
rgb(1,3,4) |
hsl(204,50%,1%) |
| #030608 |
rgb(3,6,8) |
hsl(204,50%,2%) |
| #04080b |
rgb(4,8,11) |
hsl(204,50%,3%) |
| #050b0f |
rgb(5,11,15) |
hsl(204,50%,4%) |
| #060e13 |
rgb(6,14,19) |
hsl(204,50%,5%) |
| #081117 |
rgb(8,17,23) |
hsl(204,50%,6%) |
| #09141b |
rgb(9,20,27) |
hsl(204,50%,7%) |
| #0a161f |
rgb(10,22,31) |
hsl(204,50%,8%) |
| #0b1922 |
rgb(11,25,34) |
hsl(204,50%,9%) |
| #0d1c26 |
rgb(13,28,38) |
hsl(204,50%,10%) |
| #0e1f2a |
rgb(14,31,42) |
hsl(204,50%,11%) |
| #0f222e |
rgb(15,34,46) |
hsl(204,50%,12%) |
| #112432 |
rgb(17,36,50) |
hsl(204,50%,13%) |
| #122736 |
rgb(18,39,54) |
hsl(204,50%,14%) |
| #132a39 |
rgb(19,42,57) |
hsl(204,50%,15%) |
| #142d3d |
rgb(20,45,61) |
hsl(204,50%,16%) |
| #163041 |
rgb(22,48,65) |
hsl(204,50%,17%) |
| #173245 |
rgb(23,50,69) |
hsl(204,50%,18%) |
| #183549 |
rgb(24,53,73) |
hsl(204,50%,19%) |
| #1a384d |
rgb(26,56,77) |
hsl(204,50%,20%) |
| #1b3b50 |
rgb(27,59,80) |
hsl(204,50%,21%) |
| #1c3e54 |
rgb(28,62,84) |
hsl(204,50%,22%) |
| #1d4158 |
rgb(29,65,88) |
hsl(204,50%,23%) |
| #1f435c |
rgb(31,67,92) |
hsl(204,50%,24%) |
| #204660 |
rgb(32,70,96) |
hsl(204,50%,25%) |
| #214963 |
rgb(33,73,99) |
hsl(204,50%,26%) |
| #224c67 |
rgb(34,76,103) |
hsl(204,50%,27%) |
| #244f6b |
rgb(36,79,107) |
hsl(204,50%,28%) |
| #25516f |
rgb(37,81,111) |
hsl(204,50%,29%) |
| #265473 |
rgb(38,84,115) |
hsl(204,50%,30%) |
| #285777 |
rgb(40,87,119) |
hsl(204,50%,31%) |
| #295a7a |
rgb(41,90,122) |
hsl(204,50%,32%) |
| #2a5d7e |
rgb(42,93,126) |
hsl(204,50%,33%) |
| #2b5f82 |
rgb(43,95,130) |
hsl(204,50%,34%) |
| #2d6286 |
rgb(45,98,134) |
hsl(204,50%,35%) |
| #2e658a |
rgb(46,101,138) |
hsl(204,50%,36%) |
| #2f688e |
rgb(47,104,142) |
hsl(204,50%,37%) |
| #306b91 |
rgb(48,107,145) |
hsl(204,50%,38%) |
| #326d95 |
rgb(50,109,149) |
hsl(204,50%,39%) |
| #337099 |
rgb(51,112,153) |
hsl(204,50%,40%) |
| #34739d |
rgb(52,115,157) |
hsl(204,50%,41%) |
| #3676a1 |
rgb(54,118,161) |
hsl(204,50%,42%) |
| #3779a4 |
rgb(55,121,164) |
hsl(204,50%,43%) |
| #387ba8 |
rgb(56,123,168) |
hsl(204,50%,44%) |
| #397eac |
rgb(57,126,172) |
hsl(204,50%,45%) |
| #3b81b0 |
rgb(59,129,176) |
hsl(204,50%,46%) |
| #3c84b4 |
rgb(60,132,180) |
hsl(204,50%,47%) |
| #3d87b8 |
rgb(61,135,184) |
hsl(204,50%,48%) |
| #3e89bb |
rgb(62,137,187) |
hsl(204,50%,49%) |
| #408cbf |
rgb(64,140,191) |
hsl(204,50%,50%) |
| #448fc1 |
rgb(68,143,193) |
hsl(204,50%,51%) |
| #4791c2 |
rgb(71,145,194) |
hsl(204,50%,52%) |
| #4b93c3 |
rgb(75,147,195) |
hsl(204,50%,53%) |
| #4f95c4 |
rgb(79,149,196) |
hsl(204,50%,54%) |
| #5398c6 |
rgb(83,152,198) |
hsl(204,50%,55%) |
| #579ac7 |
rgb(87,154,199) |
hsl(204,50%,56%) |
| #5b9cc8 |
rgb(91,156,200) |
hsl(204,50%,57%) |
| #5e9fc9 |
rgb(94,159,201) |
hsl(204,50%,58%) |
| #62a1cb |
rgb(98,161,203) |
hsl(204,50%,59%) |
| #66a3cc |
rgb(102,163,204) |
hsl(204,50%,60%) |
| #6aa5cd |
rgb(106,165,205) |
hsl(204,50%,61%) |
| #6ea8cf |
rgb(110,168,207) |
hsl(204,50%,62%) |
| #71aad0 |
rgb(113,170,208) |
hsl(204,50%,63%) |
| #75acd1 |
rgb(117,172,209) |
hsl(204,50%,64%) |
| #79afd2 |
rgb(121,175,210) |
hsl(204,50%,65%) |
| #7db1d4 |
rgb(125,177,212) |
hsl(204,50%,66%) |
| #81b3d5 |
rgb(129,179,213) |
hsl(204,50%,67%) |
| #85b6d6 |
rgb(133,182,214) |
hsl(204,50%,68%) |
| #88b8d7 |
rgb(136,184,215) |
hsl(204,50%,69%) |
| #8cbad9 |
rgb(140,186,217) |
hsl(204,50%,70%) |
| #90bcda |
rgb(144,188,218) |
hsl(204,50%,71%) |
| #94bfdb |
rgb(148,191,219) |
hsl(204,50%,72%) |
| #98c1dd |
rgb(152,193,221) |
hsl(204,50%,73%) |
| #9cc3de |
rgb(156,195,222) |
hsl(204,50%,74%) |
| #9fc6df |
rgb(159,198,223) |
hsl(204,50%,75%) |
| #a3c8e0 |
rgb(163,200,224) |
hsl(204,50%,76%) |
| #a7cae2 |
rgb(167,202,226) |
hsl(204,50%,77%) |
| #abcde3 |
rgb(171,205,227) |
hsl(204,50%,78%) |
| #afcfe4 |
rgb(175,207,228) |
hsl(204,50%,79%) |
| #b3d1e6 |
rgb(179,209,230) |
hsl(204,50%,80%) |
| #b6d3e7 |
rgb(182,211,231) |
hsl(204,50%,81%) |
| #bad6e8 |
rgb(186,214,232) |
hsl(204,50%,82%) |
| #bed8e9 |
rgb(190,216,233) |
hsl(204,50%,83%) |
| #c2daeb |
rgb(194,218,235) |
hsl(204,50%,84%) |
| #c6ddec |
rgb(198,221,236) |
hsl(204,50%,85%) |
| #c9dfed |
rgb(201,223,237) |
hsl(204,50%,86%) |
| #cde1ee |
rgb(205,225,238) |
hsl(204,50%,87%) |
| #d1e3f0 |
rgb(209,227,240) |
hsl(204,50%,88%) |
| #d5e6f1 |
rgb(213,230,241) |
hsl(204,50%,89%) |
| #d9e8f2 |
rgb(217,232,242) |
hsl(204,50%,90%) |
| #ddeaf4 |
rgb(221,234,244) |
hsl(204,50%,91%) |
| #e0edf5 |
rgb(224,237,245) |
hsl(204,50%,92%) |
| #e4eff6 |
rgb(228,239,246) |
hsl(204,50%,93%) |
| #e8f1f7 |
rgb(232,241,247) |
hsl(204,50%,94%) |
| #ecf4f9 |
rgb(236,244,249) |
hsl(204,50%,95%) |
| #f0f6fa |
rgb(240,246,250) |
hsl(204,50%,96%) |
| #f4f8fb |
rgb(244,248,251) |
hsl(204,50%,97%) |
| #f7fafc |
rgb(247,250,252) |
hsl(204,50%,98%) |
| #fbfdfe |
rgb(251,253,254) |
hsl(204,50%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #40bf9d |
rgb(64,191,157) |
hsl(164,50%,50%) |
| #408cbf |
rgb(64,140,191) |
hsl(204,50%,50%) |
| #4840bf |
rgb(72,64,191) |
hsl(244,50%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7db0d3 |
rgb(125,176,211) |
hsl(204,49%,66%) |
| #5e9ec9 |
rgb(94,158,201) |
hsl(204,50%,58%) |
| #408cbf |
rgb(64,140,191) |
hsl(204,50%,50%) |
| #3575a0 |
rgb(53,117,160) |
hsl(204,50%,42%) |
| #2b5e81 |
rgb(43,94,129) |
hsl(204,50%,34%) |
| #214a63 |
rgb(33,74,99) |
hsl(203,50%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #408cbf |
rgb(64,140,191) |
hsl(204,50%,50%) |
| #bf404c |
rgb(191,64,76) |
hsl(354,50%,50%) |
| #bfb340 |
rgb(191,179,64) |
hsl(54,50%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #408cbf |
rgb(64,140,191) |
hsl(204,50%,50%) |
| #bf7340 |
rgb(191,115,64) |
hsl(24,50%,50%) |
| #40bfb2 |
rgb(64,191,178) |
hsl(174,50%,50%) |
| #bfb340 |
rgb(191,179,64) |
hsl(54,50%,50%) |
