color #87BCD0 | Chroma Seek

#87BCD0

Color Information

Hex Code

#87BCD0

RGB

135, 188, 208

HSL

196°, 44%, 67%

CSS

#87BCD0

Color Tints

Lighter variations of #87BCD0

#87BCD0

#93C3D5

10%

#9FC9D9

20%

#ABD0DE

30%

#B7D7E3

40%

#C3DEE8

50%

#CFE4EC

60%

#DBEBF1

70%

#E7F2F6

80%

#F3F8FA

90%

#FFFFFF

100%

Color Shades

Darker variations of #87BCD0

#87BCD0

#7AA9BB

10%

#6C96A6

20%

#5F8492

30%

#51717D

40%

#445E68

50%

#364B53

60%

#29383E

70%

#1B262A

80%

#0E1315

90%

#000000

100%

Related Colors

Complementary Color

#D09A86

Opposite on color wheel

Split-Complementary Colors

#D08697, #D0BF86

Adjacent to complementary color

Analogous Colors

#86D0BF, #8697D0

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D086BC, #BCD086

Three colors equally spaced (120° apart)

Tetradic Colors

#9A86D0, #D09A86, #BCD086

Rectangle on color wheel (90° apart)

Square Colors

#BF86D0, #D09A86, #97D086

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #CFE5EC, #4390AD, #275363

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#87BCD0

#86D0AC

#8786D0

#D09A86

#D0BF86

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

Triadic + Accent

#87BCD0

#D086BC

#BCD086

#C2B6E2

#43AD5F

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

Monochromatic + Split Complementary

#87BCD0

#C8E1EA

#3C819A

#D08697

#D0BF86

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

#87BCD0

RGB Values

135, 188, 208

HSL Values

196°, 44%, 67%