color #7EB4B2 | Chroma Seek

#7EB4B2

Color Information

Hex Code

#7EB4B2

RGB

126, 180, 178

HSL

178°, 26%, 60%

CSS

#7EB4B2

Color Tints

Lighter variations of #7EB4B2

#7EB4B2

#8BBCBA

10%

#98C3C1

20%

#A5CBC9

30%

#B2D2D1

40%

#BFDAD9

50%

#CBE1E0

60%

#D8E9E8

70%

#E5F0F0

80%

#F2F8F7

90%

#FFFFFF

100%

Color Shades

Darker variations of #7EB4B2

#7EB4B2

#71A2A0

10%

#65908E

20%

#587E7D

30%

#4C6C6B

40%

#3F5A59

50%

#324847

60%

#263635

70%

#192424

80%

#0D1212

90%

#000000

100%

Related Colors

Complementary Color

#B47E80

Opposite on color wheel

Split-Complementary Colors

#B47E9B, #B4977E

Adjacent to complementary color

Analogous Colors

#7EB497, #7E9BB4

Adjacent colors on color wheel (30° apart)

Triadic Colors

#B27EB4, #B4B27E

Three colors equally spaced (120° apart)

Tetradic Colors

#7E80B4, #B47E80, #B4B27E

Rectangle on color wheel (90° apart)

Square Colors

#977EB4, #B47E80, #9BB47E

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #BFD9D8, #4B817F, #26403F

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#7EB4B2

#7EB48A

#7E8EB4

#B47E80

#B4977E

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

Triadic + Accent

#7EB4B2

#B27EB4

#B4B27E

#BFC0D9

#4D814B

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

Monochromatic + Split Complementary

#7EB4B2

#CFE3E2

#42706F

#B47E9B

#B4977E

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

#7EB4B2

RGB Values

126, 180, 178

HSL Values

178°, 26%, 60%