color #54A3BE | Chroma Seek

#54A3BE

Color Information

Hex Code

#54A3BE

RGB

84, 163, 190

HSL

195°, 45%, 54%

CSS

#54A3BE

Color Tints

Lighter variations of #54A3BE

#54A3BE

#65ACC5

10%

#76B5CB

20%

#87BFD2

30%

#98C8D8

40%

#AAD1DF

50%

#BBDAE5

60%

#CCE3EC

70%

#DDEDF2

80%

#EEF6F9

90%

#FFFFFF

100%

Color Shades

Darker variations of #54A3BE

#54A3BE

#4C93AB

10%

#438298

20%

#3B7285

30%

#326272

40%

#2A525F

50%

#22414C

60%

#193139

70%

#112126

80%

#081013

90%

#000000

100%

Related Colors

Complementary Color

#BE6F55

Opposite on color wheel

Split-Complementary Colors

#BE556F, #BEA455

Adjacent to complementary color

Analogous Colors

#55BEA4, #556FBE

Adjacent colors on color wheel (30° apart)

Triadic Colors

#BE55A4, #A4BE55

Three colors equally spaced (120° apart)

Tetradic Colors

#6F55BE, #BE6F55, #A4BE55

Rectangle on color wheel (90° apart)

Square Colors

#A455BE, #BE6F55, #6FBE55

Four colors equally spaced (90° apart)

Monochromatic Variations

#E9F3F7, #9FCCDB, #306A7E, #142C34

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#54A3BE

#55BE8A

#5555BE

#BE6F55

#BEA455

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

Triadic + Accent

#54A3BE

#BE55A4

#A4BE55

#AE9FDB

#307E43

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

Monochromatic + Split Complementary

#54A3BE

#B1D5E2

#295B6B

#BE556F

#BEA455

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

#54A3BE

RGB Values

84, 163, 190

HSL Values

195°, 45%, 54%