color #56AAC7 | Chroma Seek

#56AAC7

Color Information

Hex Code

#56AAC7

RGB

86, 170, 199

HSL

195°, 50%, 56%

CSS

#56AAC7

Color Tints

Lighter variations of #56AAC7

#56AAC7

#67B3CD

10%

#78BBD2

20%

#89C4D8

30%

#9ACCDD

40%

#ABD5E3

50%

#BBDDE9

60%

#CCE6EE

70%

#DDEEF4

80%

#EEF7F9

90%

#FFFFFF

100%

Color Shades

Darker variations of #56AAC7

#56AAC7

#4D99B3

10%

#45889F

20%

#3C778B

30%

#346677

40%

#2B5564

50%

#224450

60%

#1A333C

70%

#112228

80%

#091114

90%

#000000

100%

Related Colors

Complementary Color

#C77357

Opposite on color wheel

Split-Complementary Colors

#C75773, #C7AB57

Adjacent to complementary color

Analogous Colors

#57C7AB, #5773C7

Adjacent colors on color wheel (30° apart)

Triadic Colors

#C757AB, #ABC757

Three colors equally spaced (120° apart)

Tetradic Colors

#7357C7, #C77357, #ABC757

Rectangle on color wheel (90° apart)

Square Colors

#AB57C7, #C77357, #73C757

Four colors equally spaced (90° apart)

Monochromatic Variations

#F0F7FA, #A3D1E0, #2E738A, #14333D

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#56AAC7

#57C78F

#5757C7

#C77357

#C7AB57

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

Triadic + Accent

#56AAC7

#C757AB

#ABC757

#B3A3E0

#2E8A45

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

Monochromatic + Split Complementary

#56AAC7

#B6DBE7

#286377

#C75773

#C7AB57

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

#56AAC7

RGB Values

86, 170, 199

HSL Values

195°, 50%, 56%