color #87D8F0 | Chroma Seek

#87D8F0

Color Information

Hex Code

#87D8F0

RGB

135, 216, 240

HSL

194°, 78%, 74%

CSS

#87D8F0

Color Tints

Lighter variations of #87D8F0

#87D8F0

#93DCF2

10%

#9FE0F3

20%

#ABE4F5

30%

#B7E8F6

40%

#C3ECF8

50%

#CFEFF9

60%

#DBF3FB

70%

#E7F7FC

80%

#F3FBFE

90%

#FFFFFF

100%

Color Shades

Darker variations of #87D8F0

#87D8F0

#7AC2D8

10%

#6CADC0

20%

#5F97A8

30%

#518290

40%

#446C78

50%

#365660

60%

#294148

70%

#1B2B30

80%

#0E1618

90%

#000000

100%

Related Colors

Complementary Color

#F0A189

Opposite on color wheel

Split-Complementary Colors

#F089A5, #F0D589

Adjacent to complementary color

Analogous Colors

#89F0D5, #89A5F0

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F089D8, #D8F089

Three colors equally spaced (120° apart)

Tetradic Colors

#A189F0, #F0A189, #D8F089

Rectangle on color wheel (90° apart)

Square Colors

#D589F0, #F0A189, #A5F089

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #E4F6FC, #2EBAE5, #137B9A

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#87D8F0

#89F0BB

#898BF0

#F0A189

#F0D589

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

Triadic + Accent

#87D8F0

#F089D8

#D8F089

#B7A4F4

#2EE559

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

Monochromatic + Split Complementary

#87D8F0

#BBE9F7

#1BB1DE

#F089A5

#F0D589

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

#87D8F0

RGB Values

135, 216, 240

HSL Values

194°, 78%, 74%