color #7A8FB0 | Chroma Seek

#7A8FB0

Color Information

Hex Code

#7A8FB0

RGB

122, 143, 176

HSL

217°, 25%, 58%

CSS

#7A8FB0

Color Tints

Lighter variations of #7A8FB0

#7A8FB0

#879AB8

10%

#95A5C0

20%

#A2B1C8

30%

#AFBCD0

40%

#BDC7D8

50%

#CAD2DF

60%

#D7DDE7

70%

#E4E9EF

80%

#F2F4F7

90%

#FFFFFF

100%

Color Shades

Darker variations of #7A8FB0

#7A8FB0

#6E819E

10%

#62728D

20%

#55647B

30%

#49566A

40%

#3D4858

50%

#313946

60%

#252B35

70%

#181D23

80%

#0C0E12

90%

#000000

100%

Related Colors

Complementary Color

#AF9A79

Opposite on color wheel

Split-Complementary Colors

#AF7F79, #A8AF79

Adjacent to complementary color

Analogous Colors

#79A8AF, #7F79AF

Adjacent colors on color wheel (30° apart)

Triadic Colors

#AF798E, #8EAF79

Three colors equally spaced (120° apart)

Tetradic Colors

#9A79AF, #AF9A79, #8EAF79

Rectangle on color wheel (90° apart)

Square Colors

#AF79A8, #AF9A79, #79AF7F

Four colors equally spaced (90° apart)

Monochromatic Variations

#F9FAFB, #B9C4D5, #495B79, #222B39

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#7A8FB0

#79AFA8

#8D79AF

#AF9A79

#A8AF79

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

Triadic + Accent

#7A8FB0

#AF798E

#8EAF79

#CAB9D5

#497967

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

Monochromatic + Split Complementary

#7A8FB0

#C9D1DE

#3F4F69

#AF7F79

#A8AF79

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

#7A8FB0

RGB Values

122, 143, 176

HSL Values

217°, 25%, 58%