HEX #3D6BBD color — Indigo
The color #3D6BBD is a dark shade and moderately saturated.
Palette
3D6BBD color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(218,51%,99%) |
#e8eef8 |
rgb(232,238,248) |
hsl(218,51%,94%) |
#d5dff1 |
rgb(213,223,241) |
hsl(218,51%,89%) |
#c1d1eb |
rgb(193,209,235) |
hsl(218,51%,84%) |
#aec2e5 |
rgb(174,194,229) |
hsl(218,51%,79%) |
#9bb4df |
rgb(155,180,223) |
hsl(218,51%,74%) |
#88a5d8 |
rgb(136,165,216) |
hsl(218,51%,69%) |
#7497d2 |
rgb(116,151,210) |
hsl(218,51%,64%) |
#6188cc |
rgb(97,136,204) |
hsl(218,51%,59%) |
#4e7ac6 |
rgb(78,122,198) |
hsl(218,51%,54%) |
#3d6cbd |
rgb(61,108,189) |
hsl(218,51%,49%) |
#3761a9 |
rgb(55,97,169) |
hsl(218,51%,44%) |
#315696 |
rgb(49,86,150) |
hsl(218,51%,39%) |
#2a4b83 |
rgb(42,75,131) |
hsl(218,51%,34%) |
#244070 |
rgb(36,64,112) |
hsl(218,51%,29%) |
#1e355c |
rgb(30,53,92) |
hsl(218,51%,24%) |
#182a49 |
rgb(24,42,73) |
hsl(218,51%,19%) |
#111f36 |
rgb(17,31,54) |
hsl(218,51%,14%) |
#0b1423 |
rgb(11,20,35) |
hsl(218,51%,9%) |
#05090f |
rgb(5,9,15) |
hsl(218,51%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3DBDB9 |
rgb(61,189,185) |
hsl(178,51%,49%) |
#3D6BBD |
rgb(61,107,189) |
hsl(218,51%,49%) |
#643DBD |
rgb(100,61,189) |
hsl(258,51%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7699D3 |
rgb(118,153,211) |
hsl(217,51%,65%) |
#5882C9 |
rgb(88,130,201) |
hsl(218,51%,57%) |
#3D6BBD |
rgb(61,107,189) |
hsl(218,51%,49%) |
#33599E |
rgb(51,89,158) |
hsl(219,51%,41%) |
#294A80 |
rgb(41,74,128) |
hsl(217,51%,33%) |
#1F3862 |
rgb(31,56,98) |
hsl(218,52%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3D6BBD |
rgb(61,107,189) |
hsl(218,51%,49%) |
#BD4F3D |
rgb(189,79,61) |
hsl(8,51%,49%) |
#ABBD3D |
rgb(171,189,61) |
hsl(68,51%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D6BBD |
rgb(61,107,189) |
hsl(218,51%,49%) |
#BD8F3D |
rgb(189,143,61) |
hsl(38,51%,49%) |
#3DABBD |
rgb(61,171,189) |
hsl(188,51%,49%) |
#ABBD3D |
rgb(171,189,61) |
hsl(68,51%,49%) |