color #87B4C4 | Chroma Seek

#87B4C4

Color Information

Hex Code

#87B4C4

RGB

135, 180, 196

HSL

196°, 34%, 65%

CSS

#87B4C4

Color Tints

Lighter variations of #87B4C4

#87B4C4

#93BCCA

10%

#9FC3D0

20%

#ABCBD6

30%

#B7D2DC

40%

#C3DAE2

50%

#CFE1E7

60%

#DBE9ED

70%

#E7F0F3

80%

#F3F8F9

90%

#FFFFFF

100%

Color Shades

Darker variations of #87B4C4

#87B4C4

#7AA2B0

10%

#6C909D

20%

#5F7E89

30%

#516C76

40%

#445A62

50%

#36484E

60%

#29363B

70%

#1B2427

80%

#0E1214

90%

#000000

100%

Related Colors

Complementary Color

#C49887

Opposite on color wheel

Split-Complementary Colors

#C48796, #C4B687

Adjacent to complementary color

Analogous Colors

#87C4B6, #8796C4

Adjacent colors on color wheel (30° apart)

Triadic Colors

#C487B4, #B4C487

Three colors equally spaced (120° apart)

Tetradic Colors

#9887C4, #C49887, #B4C487

Rectangle on color wheel (90° apart)

Square Colors

#B687C4, #C49887, #96C487

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #CCDFE6, #4C859A, #2A4A55

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #87B4C4. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#87B4C4

#87C4A7

#8887C4

#C49887

#C4B687

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

Triadic + Accent

#87B4C4

#C487B4

#B4C487

#C4BBDD

#4C9A61

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

Monochromatic + Split Complementary

#87B4C4

#CCDFE6

#437689

#C48796

#C4B687

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

#87B4C4

RGB Values

135, 180, 196

HSL Values

196°, 34%, 65%