color #5694B4 | Chroma Seek

#5694B4

Color Information

Hex Code

#5694B4

RGB

86, 148, 180

HSL

200°, 39%, 52%

CSS

#5694B4

Color Tints

Lighter variations of #5694B4

#5694B4

#679FBC

10%

#78A9C3

20%

#89B4CB

30%

#9ABFD2

40%

#ABCADA

50%

#BBD4E1

60%

#CCDFE9

70%

#DDEAF0

80%

#EEF4F8

90%

#FFFFFF

100%

Color Shades

Darker variations of #5694B4

#5694B4

#4D85A2

10%

#457690

20%

#3C687E

30%

#34596C

40%

#2B4A5A

50%

#223B48

60%

#1A2C36

70%

#111E24

80%

#090F12

90%

#000000

100%

Related Colors

Complementary Color

#B47555

Opposite on color wheel

Split-Complementary Colors

#B45565, #B4A455

Adjacent to complementary color

Analogous Colors

#55B4A4, #5565B4

Adjacent colors on color wheel (30° apart)

Triadic Colors

#B45595, #95B455

Three colors equally spaced (120° apart)

Tetradic Colors

#7555B4, #B47555, #95B455

Rectangle on color wheel (90° apart)

Square Colors

#A455B4, #B47555, #65B455

Four colors equally spaced (90° apart)

Monochromatic Variations

#E3EDF3, #9CC1D3, #325C71, #13232B

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5694B4

#55B48D

#5D55B4

#B47555

#B4A455

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

Triadic + Accent

#5694B4

#B45595

#95B455

#AE9CD3

#327147

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

Monochromatic + Split Complementary

#5694B4

#ADCCDB

#2A4E60

#B45565

#B4A455

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

#5694B4

RGB Values

86, 148, 180

HSL Values

200°, 39%, 52%