color #348580 | Chroma Seek

#348580

Color Information

Hex Code

#348580

RGB

52, 133, 128

HSL

176°, 44%, 36%

CSS

#348580

Color Tints

Lighter variations of #348580

#348580

#48918D

10%

#5D9D99

20%

#71AAA6

30%

#85B6B3

40%

#9AC2C0

50%

#AECECC

60%

#C2DAD9

70%

#D6E7E6

80%

#EBF3F2

90%

#FFFFFF

100%

Color Shades

Darker variations of #348580

#348580

#2F7873

10%

#2A6A66

20%

#245D5A

30%

#1F504D

40%

#1A4340

50%

#153533

60%

#102826

70%

#0A1B1A

80%

#050D0D

90%

#000000

100%

Related Colors

Complementary Color

#843339

Opposite on color wheel

Split-Complementary Colors

#843361, #845633

Adjacent to complementary color

Analogous Colors

#338456, #336184

Adjacent colors on color wheel (30° apart)

Triadic Colors

#7F3384, #847F33

Three colors equally spaced (120° apart)

Tetradic Colors

#333984, #843339, #847F33

Rectangle on color wheel (90° apart)

Square Colors

#563384, #843339, #618433

Four colors equally spaced (90° apart)

Monochromatic Variations

#A7DDD9, #5DC0BA, #173B38, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#348580

#338442

#334D84

#843339

#845633

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

Triadic + Accent

#348580

#7F3384

#847F33

#5D64C0

#20491D

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

Monochromatic + Split Complementary

#348580

#70C7C1

#153735

#843361

#845633

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

#348580

RGB Values

52, 133, 128

HSL Values

176°, 44%, 36%