color #316A57 | Chroma Seek

#316A57

Color Information

Hex Code

#316A57

RGB

49, 106, 87

HSL

160°, 37%, 30%

CSS

#316A57

Color Tints

Lighter variations of #316A57

#316A57

#467968

10%

#5A8879

20%

#6F9789

30%

#83A69A

40%

#98B5AB

50%

#ADC3BC

60%

#C1D2CD

70%

#D6E1DD

80%

#EAF0EE

90%

#FFFFFF

100%

Color Shades

Darker variations of #316A57

#316A57

#2C5F4E

10%

#275546

20%

#224A3D

30%

#1D4034

40%

#19352C

50%

#142A23

60%

#0F201A

70%

#0A1511

80%

#050B09

90%

#000000

100%

Color Tones

Toned variations of #316A57 (mixed with gray)

#316A57

#396C5B

10%

#416E5F

20%

#497163

30%

#517367

40%

#59756C

50%

#607770

60%

#687974

70%

#707C78

80%

#787E7C

90%

#808080

100%

Related Colors

Complementary Color

#693043

Opposite on color wheel

Split-Complementary Colors

#69305F, #693A30

Adjacent to complementary color

Analogous Colors

#30693A, #305F69

Adjacent colors on color wheel (30° apart)

Triadic Colors

#563069, #695630

Three colors equally spaced (120° apart)

Tetradic Colors

#304369, #693043, #695630

Rectangle on color wheel (90° apart)

Square Colors

#3A3069, #693043, #5F6930

Four colors equally spaced (90° apart)

Monochromatic Variations

#96CFBC, #50AF8F, #10231D, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#316A57

#356930

#305169

#693043

#693A30

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

Triadic + Accent

#316A57

#563069

#695630

#5070AF

#2D4620

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

Monochromatic + Split Complementary

#316A57

#62B79A

#18342B

#69305F

#693A30

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

#316A57

RGB Values

49, 106, 87

HSL Values

160°, 37%, 30%