color #3676A5 | Chroma Seek

#3676A5

Color Information

Hex Code

#3676A5

RGB

54, 118, 165

HSL

205°, 51%, 43%

CSS

#3676A5

Color Tints

Lighter variations of #3676A5

#3676A5

#4A84AE

10%

#5E91B7

20%

#729FC0

30%

#86ADC9

40%

#9BBBD2

50%

#AFC8DB

60%

#C3D6E4

70%

#D7E4ED

80%

#EBF1F6

90%

#FFFFFF

100%

Color Shades

Darker variations of #3676A5

#3676A5

#316A95

10%

#2B5E84

20%

#265373

30%

#204763

40%

#1B3B53

50%

#162F42

60%

#102332

70%

#0B1821

80%

#050C11

90%

#000000

100%

Related Colors

Complementary Color

#A66436

Opposite on color wheel

Split-Complementary Colors

#A6363F, #A69C36

Adjacent to complementary color

Analogous Colors

#36A69C, #363FA6

Adjacent colors on color wheel (30° apart)

Triadic Colors

#A63677, #77A636

Three colors equally spaced (120° apart)

Tetradic Colors

#6436A6, #A66436, #77A636

Rectangle on color wheel (90° apart)

Square Colors

#9C36A6, #A66436, #3FA636

Four colors equally spaced (90° apart)

Monochromatic Variations

#BED7EA, #71A9D1, #1D4059, #04080C

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #3676A5. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#3676A5

#36A680

#4836A6

#A66436

#A69C36

A harmonious blend of analogous colors with complementary accents for balanced contrast.

Triadic + Accent

#3676A5

#A63677

#77A636

#9971D1

#1D5936

Bold triadic colors with lighter and darker accent variations for dynamic contrast.

Monochromatic + Split Complementary

#3676A5

#84B4D7

#163245

#A6363F

#A69C36

Sophisticated monochromatic variations paired with split complementary colors for elegant contrast.

Interactive Color Picker

Click and drag on the color picker to explore different colors. The preview area will update in real-time.

Hue

Saturation & Lightness

Current Color

#3676A5

RGB Values

54, 118, 165

HSL Values

205°, 51%, 43%