color #7BBAD7 | Chroma Seek

#7BBAD7

Color Information

Hex Code

#7BBAD7

RGB

123, 186, 215

HSL

199°, 53%, 66%

CSS

#7BBAD7

Color Tints

Lighter variations of #7BBAD7

#7BBAD7

#88C1DB

10%

#95C8DF

20%

#A3CFE3

30%

#B0D6E7

40%

#BDDDEB

50%

#CAE3EF

60%

#D7EAF3

70%

#E5F1F7

80%

#F2F8FB

90%

#FFFFFF

100%

Color Shades

Darker variations of #7BBAD7

#7BBAD7

#6FA7C2

10%

#6295AC

20%

#568297

30%

#4A7081

40%

#3E5D6C

50%

#314A56

60%

#253841

70%

#19252B

80%

#0C1316

90%

#000000

100%

Related Colors

Complementary Color

#D6977A

Opposite on color wheel

Split-Complementary Colors

#D67A8B, #D6C57A

Adjacent to complementary color

Analogous Colors

#7AD6C5, #7A8BD6

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D67AB9, #B9D67A

Three colors equally spaced (120° apart)

Tetradic Colors

#977AD6, #D6977A, #B9D67A

Rectangle on color wheel (90° apart)

Square Colors

#C57AD6, #D6977A, #8BD67A

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #C8E2EE, #378CB3, #1F4F65

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#7BBAD7

#7AD6AE

#807AD6

#D6977A

#D6C57A

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

Triadic + Accent

#7BBAD7

#D67AB9

#B9D67A

#C2B1E7

#37B35F

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

Monochromatic + Split Complementary

#7BBAD7

#C4E0ED

#317DA0

#D67A8B

#D6C57A

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

#7BBAD7

RGB Values

123, 186, 215

HSL Values

199°, 53%, 66%