color #77A4DF | Chroma Seek

#77A4DF

Color Information

Hex Code

#77A4DF

RGB

119, 164, 223

HSL

214°, 62%, 67%

CSS

#77A4DF

Color Tints

Lighter variations of #77A4DF

#77A4DF

#85ADE2

10%

#92B6E5

20%

#A0BFE9

30%

#ADC8EC

40%

#BBD2EF

50%

#C9DBF2

60%

#D6E4F5

70%

#E4EDF9

80%

#F1F6FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #77A4DF

#77A4DF

#6B94C9

10%

#5F83B2

20%

#53739C

30%

#476286

40%

#3C5270

50%

#304259

60%

#243143

70%

#18212D

80%

#0C1016

90%

#000000

100%

Related Colors

Complementary Color

#DFB277

Opposite on color wheel

Split-Complementary Colors

#DF7E77, #D8DF77

Adjacent to complementary color

Analogous Colors

#77D8DF, #7E77DF

Adjacent colors on color wheel (30° apart)

Triadic Colors

#DF77A4, #A4DF77

Three colors equally spaced (120° apart)

Tetradic Colors

#B277DF, #DFB277, #A4DF77

Rectangle on color wheel (90° apart)

Square Colors

#DF77D8, #DFB277, #77DF7E

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #C9DBF2, #2E6EC2, #1A3F70

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#77A4DF

#77DFCC

#9877DF

#DFB277

#D8DF77

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

Triadic + Accent

#77A4DF

#DF77A4

#A4DF77

#D0ACEC

#2EC282

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

Monochromatic + Split Complementary

#77A4DF

#C1D6F0

#2962AE

#DF7E77

#D8DF77

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

#77A4DF

RGB Values

119, 164, 223

HSL Values

214°, 62%, 67%