color #54A3B9 | Chroma Seek

#54A3B9

Color Information

Hex Code

#54A3B9

RGB

84, 163, 185

HSL

193°, 42%, 53%

CSS

#54A3B9

Color Tints

Lighter variations of #54A3B9

#54A3B9

#65ACC0

10%

#76B5C7

20%

#87BFCE

30%

#98C8D5

40%

#AAD1DC

50%

#BBDAE3

60%

#CCE3EA

70%

#DDEDF1

80%

#EEF6F8

90%

#FFFFFF

100%

Color Shades

Darker variations of #54A3B9

#54A3B9

#4C93A7

10%

#438294

20%

#3B7282

30%

#32626F

40%

#2A525D

50%

#22414A

60%

#193138

70%

#112125

80%

#081013

90%

#000000

100%

Related Colors

Complementary Color

#B96B55

Opposite on color wheel

Split-Complementary Colors

#B95571, #B99D55

Adjacent to complementary color

Analogous Colors

#55B99D, #5571B9

Adjacent colors on color wheel (30° apart)

Triadic Colors

#B955A4, #A4B955

Three colors equally spaced (120° apart)

Tetradic Colors

#6B55B9, #B96B55, #A4B955

Rectangle on color wheel (90° apart)

Square Colors

#9D55B9, #B96B55, #71B955

Four colors equally spaced (90° apart)

Monochromatic Variations

#E6F1F5, #9DCBD7, #316877, #13292F

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#54A3B9

#55B984

#5558B9

#B96B55

#B99D55

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

Triadic + Accent

#54A3B9

#B955A4

#A4B955

#AA9DD7

#317740

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

Monochromatic + Split Complementary

#54A3B9

#AFD4DE

#295865

#B95571

#B99D55

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

#54A3B9

RGB Values

84, 163, 185

HSL Values

193°, 42%, 53%