color #156685 | Chroma Seek

#156685

Color Information

Hex Code

#156685

RGB

21, 102, 133

HSL

197°, 73%, 30%

CSS

#156685

Color Tints

Lighter variations of #156685

#156685

#2C7591

10%

#44859D

20%

#5B94AA

30%

#73A3B6

40%

#8AB3C2

50%

#A1C2CE

60%

#B9D1DA

70%

#D0E0E7

80%

#E8F0F3

90%

#FFFFFF

100%

Color Shades

Darker variations of #156685

#156685

#135C78

10%

#11526A

20%

#0F475D

30%

#0D3D50

40%

#0B3343

50%

#082935

60%

#061F28

70%

#04141B

80%

#020A0D

90%

#000000

100%

Related Colors

Complementary Color

#843415

Opposite on color wheel

Split-Complementary Colors

#84152D, #846C15

Adjacent to complementary color

Analogous Colors

#15846C, #152D84

Adjacent colors on color wheel (30° apart)

Triadic Colors

#841565, #658415

Three colors equally spaced (120° apart)

Tetradic Colors

#341584, #843415, #658415

Rectangle on color wheel (90° apart)

Square Colors

#6C1584, #843415, #2D8415

Four colors equally spaced (90° apart)

Monochromatic Variations

#7BCBEA, #22A8DD, #07222C, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#156685

#158450

#181584

#843415

#846C15

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

Triadic + Accent

#156685

#841565

#658415

#5722DD

#0E5823

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

Monochromatic + Split Complementary

#156685

#38B1E0

#0A3242

#84152D

#846C15

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

#156685

RGB Values

21, 102, 133

HSL Values

197°, 73%, 30%