color #156788 | Chroma Seek

#156788

Color Information

Hex Code

#156788

RGB

21, 103, 136

HSL

197°, 73%, 31%

CSS

#156788

Color Tints

Lighter variations of #156788

#156788

#2C7694

10%

#4485A0

20%

#5B95AC

30%

#73A4B8

40%

#8AB3C4

50%

#A1C2CF

60%

#B9D1DB

70%

#D0E1E7

80%

#E8F0F3

90%

#FFFFFF

100%

Color Shades

Darker variations of #156788

#156788

#135D7A

10%

#11526D

20%

#0F485F

30%

#0D3E52

40%

#0B3444

50%

#082936

60%

#061F29

70%

#04151B

80%

#020A0E

90%

#000000

100%

Related Colors

Complementary Color

#893615

Opposite on color wheel

Split-Complementary Colors

#89152E, #897015

Adjacent to complementary color

Analogous Colors

#158970, #152E89

Adjacent colors on color wheel (30° apart)

Triadic Colors

#891568, #688915

Three colors equally spaced (120° apart)

Tetradic Colors

#361589, #893615, #688915

Rectangle on color wheel (90° apart)

Square Colors

#701589, #893615, #2E8915

Four colors equally spaced (90° apart)

Monochromatic Variations

#7FCCEB, #27AADD, #082531, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#156788

#158953

#191589

#893615

#897015

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

Triadic + Accent

#156788

#891568

#688915

#5B27DD

#0E5823

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

Monochromatic + Split Complementary

#156788

#3DB2E1

#0A3242

#89152E

#897015

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

#156788

RGB Values

21, 103, 136

HSL Values

197°, 73%, 31%