color #348899 | Chroma Seek

#348899

Color Information

Hex Code

#348899

RGB

52, 136, 153

HSL

190°, 49%, 40%

CSS

#348899

Color Tints

Lighter variations of #348899

#348899

#4894A3

10%

#5DA0AD

20%

#71ACB8

30%

#85B8C2

40%

#9AC4CC

50%

#AECFD6

60%

#C2DBE0

70%

#D6E7EB

80%

#EBF3F5

90%

#FFFFFF

100%

Color Shades

Darker variations of #348899

#348899

#2F7A8A

10%

#2A6D7A

20%

#245F6B

30%

#1F525C

40%

#1A444D

50%

#15363D

60%

#10292E

70%

#0A1B1F

80%

#050E0F

90%

#000000

100%

Related Colors

Complementary Color

#984534

Opposite on color wheel

Split-Complementary Colors

#983455, #987734

Adjacent to complementary color

Analogous Colors

#349877, #345598

Adjacent colors on color wheel (30° apart)

Triadic Colors

#983487, #879834

Three colors equally spaced (120° apart)

Tetradic Colors

#453498, #984534, #879834

Rectangle on color wheel (90° apart)

Square Colors

#773498, #984534, #559834

Four colors equally spaced (90° apart)

Monochromatic Variations

#B3DDE5, #67BACB, #1A444C, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#348899

#34985E

#343C98

#984534

#987734

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

Triadic + Accent

#348899

#983487

#879834

#7867CB

#1A4C22

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

Monochromatic + Split Complementary

#348899

#7AC3D1

#143339

#983455

#987734

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

#348899

RGB Values

52, 136, 153

HSL Values

190°, 49%, 40%