color #7EB4E7 | Chroma Seek

#7EB4E7

Color Information

Hex Code

#7EB4E7

RGB

126, 180, 231

HSL

209°, 69%, 70%

CSS

#7EB4E7

Color Tints

Lighter variations of #7EB4E7

#7EB4E7

#8BBCE9

10%

#98C3EC

20%

#A5CBEE

30%

#B2D2F1

40%

#BFDAF3

50%

#CBE1F5

60%

#D8E9F8

70%

#E5F0FA

80%

#F2F8FD

90%

#FFFFFF

100%

Color Shades

Darker variations of #7EB4E7

#7EB4E7

#71A2D0

10%

#6590B9

20%

#587EA2

30%

#4C6C8B

40%

#3F5A74

50%

#32485C

60%

#263645

70%

#19242E

80%

#0D1217

90%

#000000

100%

Related Colors

Complementary Color

#E7B17E

Opposite on color wheel

Split-Complementary Colors

#E77E7F, #E7E67E

Adjacent to complementary color

Analogous Colors

#7EE7E6, #7E7FE7

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E77EB4, #B4E77E

Three colors equally spaced (120° apart)

Tetradic Colors

#B17EE7, #E7B17E, #B4E77E

Rectangle on color wheel (90° apart)

Square Colors

#E67EE7, #E7B17E, #7FE77E

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #D4E6F7, #2882D7, #184E81

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#7EB4E7

#7EE7CB

#967EE7

#E7B17E

#E7E67E

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

Triadic + Accent

#7EB4E7

#E77EB4

#B4E77E

#CBA9EF

#28D77D

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

Monochromatic + Split Complementary

#7EB4E7

#BEDAF3

#2475C2

#E77E7F

#E7E67E

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

#7EB4E7

RGB Values

126, 180, 231

HSL Values

209°, 69%, 70%