color #87A7CC | Chroma Seek

#87A7CC

Color Information

Hex Code

#87A7CC

RGB

135, 167, 204

HSL

212°, 40%, 66%

CSS

#87A7CC

Color Tints

Lighter variations of #87A7CC

#87A7CC

#93B0D1

10%

#9FB9D6

20%

#ABC1DB

30%

#B7CAE0

40%

#C3D3E6

50%

#CFDCEB

60%

#DBE5F0

70%

#E7EDF5

80%

#F3F6FA

90%

#FFFFFF

100%

Color Shades

Darker variations of #87A7CC

#87A7CC

#7A96B8

10%

#6C86A3

20%

#5F758F

30%

#51647A

40%

#445466

50%

#364352

60%

#29323D

70%

#1B2129

80%

#0E1114

90%

#000000

100%

Related Colors

Complementary Color

#CBAB86

Opposite on color wheel

Split-Complementary Colors

#CB8886, #C9CB86

Adjacent to complementary color

Analogous Colors

#86C9CB, #8886CB

Adjacent colors on color wheel (30° apart)

Triadic Colors

#CB86A6, #A6CB86

Three colors equally spaced (120° apart)

Tetradic Colors

#AB86CB, #CBAB86, #A6CB86

Rectangle on color wheel (90° apart)

Square Colors

#CB86C9, #CBAB86, #86CB88

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #CDDAEA, #4672A4, #28415D

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#87A7CC

#86CBBC

#9986CB

#CBAB86

#C9CB86

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

Triadic + Accent

#87A7CC

#CB86A6

#A6CB86

#CDB8E0

#46A478

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

Monochromatic + Split Complementary

#87A7CC

#C9D8E8

#3F6692

#CB8886

#C9CB86

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

#87A7CC

RGB Values

135, 167, 204

HSL Values

212°, 40%, 66%