color #54A5C4 | Chroma Seek

#54A5C4

Color Information

Hex Code

#54A5C4

RGB

84, 165, 196

HSL

197°, 49%, 55%

CSS

#54A5C4

Color Tints

Lighter variations of #54A5C4

#54A5C4

#65AECA

10%

#76B7D0

20%

#87C0D6

30%

#98C9DC

40%

#AAD2E2

50%

#BBDBE7

60%

#CCE4ED

70%

#DDEDF3

80%

#EEF6F9

90%

#FFFFFF

100%

Color Shades

Darker variations of #54A5C4

#54A5C4

#4C95B0

10%

#43849D

20%

#3B7389

30%

#326376

40%

#2A5362

50%

#22424E

60%

#19323B

70%

#112127

80%

#081114

90%

#000000

100%

Related Colors

Complementary Color

#C47454

Opposite on color wheel

Split-Complementary Colors

#C4546C, #C4AC54

Adjacent to complementary color

Analogous Colors

#54C4AC, #546CC4

Adjacent colors on color wheel (30° apart)

Triadic Colors

#C454A5, #A5C454

Three colors equally spaced (120° apart)

Tetradic Colors

#7454C4, #C47454, #A5C454

Rectangle on color wheel (90° apart)

Square Colors

#AC54C4, #C47454, #6CC454

Four colors equally spaced (90° apart)

Monochromatic Variations

#ECF5F8, #A0CDDE, #2E6C85, #142E39

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#54A5C4

#54C490

#5854C4

#C47454

#C4AC54

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

Triadic + Accent

#54A5C4

#C454A5

#A5C454

#B2A0DE

#2E8546

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

Monochromatic + Split Complementary

#54A5C4

#B3D7E5

#275D72

#C4546C

#C4AC54

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

#54A5C4

RGB Values

84, 165, 196

HSL Values

197°, 49%, 55%