color #345556 | Chroma Seek

#345556

Color Information

Hex Code

#345556

RGB

52, 85, 86

HSL

182°, 25%, 27%

CSS

#345556

Color Tints

Lighter variations of #345556

#345556

#486667

10%

#5D7778

20%

#718889

30%

#85999A

40%

#9AAAAB

50%

#AEBBBB

60%

#C2CCCC

70%

#D6DDDD

80%

#EBEEEE

90%

#FFFFFF

100%

Color Shades

Darker variations of #345556

#345556

#2F4D4D

10%

#2A4445

20%

#243B3C

30%

#1F3334

40%

#1A2B2B

50%

#152222

60%

#101A1A

70%

#0A1111

80%

#050909

90%

#000000

100%

Related Colors

Complementary Color

#563534

Opposite on color wheel

Split-Complementary Colors

#563444, #564634

Adjacent to complementary color

Analogous Colors

#345646, #344456

Adjacent colors on color wheel (30° apart)

Triadic Colors

#563455, #555634

Three colors equally spaced (120° apart)

Tetradic Colors

#353456, #563534, #555634

Rectangle on color wheel (90° apart)

Square Colors

#463456, #563534, #445634

Four colors equally spaced (90° apart)

Monochromatic Variations

#96BEC0, #5A9496, #0D1616, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#345556

#34563D

#343B56

#563534

#564634

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

Triadic + Accent

#345556

#563455

#555634

#5C5A96

#264027

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

Monochromatic + Split Complementary

#345556

#66A1A3

#1D2F30

#563444

#564634

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

#345556

RGB Values

52, 85, 86

HSL Values

182°, 25%, 27%