color #156683 | Chroma Seek

#156683

Color Information

Hex Code

#156683

RGB

21, 102, 131

HSL

196°, 72%, 30%

CSS

#156683

Color Tints

Lighter variations of #156683

#156683

#2C758F

10%

#44859C

20%

#5B94A8

30%

#73A3B5

40%

#8AB3C1

50%

#A1C2CD

60%

#B9D1DA

70%

#D0E0E6

80%

#E8F0F3

90%

#FFFFFF

100%

Color Shades

Darker variations of #156683

#156683

#135C76

10%

#115269

20%

#0F475C

30%

#0D3D4F

40%

#0B3342

50%

#082934

60%

#061F27

70%

#04141A

80%

#020A0D

90%

#000000

100%

Related Colors

Complementary Color

#843315

Opposite on color wheel

Split-Complementary Colors

#84152F, #846A15

Adjacent to complementary color

Analogous Colors

#15846A, #152F84

Adjacent colors on color wheel (30° apart)

Triadic Colors

#841566, #668415

Three colors equally spaced (120° apart)

Tetradic Colors

#331584, #843315, #668415

Rectangle on color wheel (90° apart)

Square Colors

#6A1584, #843315, #2F8415

Four colors equally spaced (90° apart)

Monochromatic Variations

#7BCCEA, #24AADB, #07222C, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#156683

#15844E

#171584

#843315

#846A15

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

Triadic + Accent

#156683

#841566

#668415

#5524DB

#0E5822

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

Monochromatic + Split Complementary

#156683

#3AB3DF

#0B3342

#84152F

#846A15

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

#156683

RGB Values

21, 102, 131

HSL Values

196°, 72%, 30%