color #3D5F6E | Chroma Seek

#3D5F6E

Color Information

Hex Code

#3D5F6E

RGB

61, 95, 110

HSL

198°, 29%, 34%

CSS

#3D5F6E

Color Tints

Lighter variations of #3D5F6E

#3D5F6E

#506F7D

10%

#647F8B

20%

#778F9A

30%

#8B9FA8

40%

#9EAFB7

50%

#B1BFC5

60%

#C5CFD4

70%

#D8DFE2

80%

#ECEFF1

90%

#FFFFFF

100%

Color Shades

Darker variations of #3D5F6E

#3D5F6E

#375663

10%

#314C58

20%

#2B434D

30%

#253942

40%

#1F3037

50%

#18262C

60%

#121D21

70%

#0C1316

80%

#060A0B

90%

#000000

100%

Related Colors

Complementary Color

#704D3E

Opposite on color wheel

Split-Complementary Colors

#703E48, #70663E

Adjacent to complementary color

Analogous Colors

#3E7066, #3E4870

Adjacent colors on color wheel (30° apart)

Triadic Colors

#703E61, #61703E

Three colors equally spaced (120° apart)

Tetradic Colors

#4D3E70, #704D3E, #61703E

Rectangle on color wheel (90° apart)

Square Colors

#663E70, #704D3E, #48703E

Four colors equally spaced (90° apart)

Monochromatic Variations

#A9C4D0, #6897AC, #19282E, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #3D5F6E. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#3D5F6E

#3E7059

#403E70

#704D3E

#70663E

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

Triadic + Accent

#3D5F6E

#703E61

#61703E

#7C68AC

#24422D

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

Monochromatic + Split Complementary

#3D5F6E

#78A3B5

#1B2B31

#703E48

#70663E

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

#3D5F6E

RGB Values

61, 95, 110

HSL Values

198°, 29%, 34%