color #317774 | Chroma Seek

#317774

Color Information

Hex Code

#317774

RGB

49, 119, 116

HSL

177°, 42%, 33%

CSS

#317774

Color Tints

Lighter variations of #317774

#317774

#468582

10%

#5A9290

20%

#6FA09E

30%

#83ADAC

40%

#98BBBA

50%

#ADC9C7

60%

#C1D6D5

70%

#D6E4E3

80%

#EAF1F1

90%

#FFFFFF

100%

Color Shades

Darker variations of #317774

#317774

#2C6B68

10%

#275F5D

20%

#225351

30%

#1D4746

40%

#193C3A

50%

#14302E

60%

#0F2423

70%

#0A1817

80%

#050C0C

90%

#000000

100%

Related Colors

Complementary Color

#773134

Opposite on color wheel

Split-Complementary Colors

#773158, #775131

Adjacent to complementary color

Analogous Colors

#317751, #315877

Adjacent colors on color wheel (30° apart)

Triadic Colors

#743177, #777431

Three colors equally spaced (120° apart)

Tetradic Colors

#313477, #773134, #777431

Rectangle on color wheel (90° apart)

Square Colors

#513177, #773134, #587731

Four colors equally spaced (90° apart)

Monochromatic Variations

#9DD7D4, #55B9B4, #132F2E, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#317774

#31773F

#314677

#773134

#775131

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

Triadic + Accent

#317774

#743177

#777431

#555AB9

#20481E

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

Monochromatic + Split Complementary

#317774

#67C1BC

#163635

#773158

#775131

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

#317774

RGB Values

49, 119, 116

HSL Values

177°, 42%, 33%