color #336C78 | Chroma Seek

#336C78

Color Information

Hex Code

#336C78

RGB

51, 108, 120

HSL

190°, 40%, 34%

CSS

#336C78

Color Tints

Lighter variations of #336C78

#336C78

#477B86

10%

#5C8993

20%

#7098A1

30%

#85A7AE

40%

#99B6BC

50%

#ADC4C9

60%

#C2D3D7

70%

#D6E2E4

80%

#EBF0F2

90%

#FFFFFF

100%

Color Shades

Darker variations of #336C78

#336C78

#2E616C

10%

#295660

20%

#244C54

30%

#1F4148

40%

#1A363C

50%

#142B30

60%

#0F2024

70%

#0A1618

80%

#050B0C

90%

#000000

100%

Related Colors

Complementary Color

#794034

Opposite on color wheel

Split-Complementary Colors

#79344B, #796234

Adjacent to complementary color

Analogous Colors

#347962, #344B79

Adjacent colors on color wheel (30° apart)

Triadic Colors

#79346E, #6E7934

Three colors equally spaced (120° apart)

Tetradic Colors

#403479, #794034, #6E7934

Rectangle on color wheel (90° apart)

Square Colors

#623479, #794034, #4B7934

Four colors equally spaced (90° apart)

Monochromatic Variations

#A2CED7, #5BA9B9, #152D32, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#336C78

#347951

#343A79

#794034

#796234

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

Triadic + Accent

#336C78

#79346E

#6E7934

#6A5BB9

#1F4725

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

Monochromatic + Split Complementary

#336C78

#6DB2C0

#173036

#79344B

#796234

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

#336C78

RGB Values

51, 108, 120

HSL Values

190°, 40%, 34%