color #7AB0C4 | Chroma Seek

#7AB0C4

Color Information

Hex Code

#7AB0C4

RGB

122, 176, 196

HSL

196°, 39%, 62%

CSS

#7AB0C4

Color Tints

Lighter variations of #7AB0C4

#7AB0C4

#87B8CA

10%

#95C0D0

20%

#A2C8D6

30%

#AFD0DC

40%

#BDD8E2

50%

#CADFE7

60%

#D7E7ED

70%

#E4EFF3

80%

#F2F7F9

90%

#FFFFFF

100%

Color Shades

Darker variations of #7AB0C4

#7AB0C4

#6E9EB0

10%

#628D9D

20%

#557B89

30%

#496A76

40%

#3D5862

50%

#31464E

60%

#25353B

70%

#182327

80%

#0C1214

90%

#000000

100%

Related Colors

Complementary Color

#C48C78

Opposite on color wheel

Split-Complementary Colors

#C4788A, #C4B278

Adjacent to complementary color

Analogous Colors

#78C4B2, #788AC4

Adjacent colors on color wheel (30° apart)

Triadic Colors

#C478B0, #B0C478

Three colors equally spaced (120° apart)

Tetradic Colors

#8C78C4, #C48C78, #B0C478

Rectangle on color wheel (90° apart)

Square Colors

#B278C4, #C48C78, #8AC478

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #BFD9E3, #417F95, #22424E

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#7AB0C4

#78C49F

#7A78C4

#C48C78

#C4B278

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

Triadic + Accent

#7AB0C4

#C478B0

#B0C478

#C3B8E0

#419558

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

Monochromatic + Split Complementary

#7AB0C4

#CAE0E8

#3A7083

#C4788A

#C4B278

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

#7AB0C4

RGB Values

122, 176, 196

HSL Values

196°, 39%, 62%