color #54AAD0 | Chroma Seek

#54AAD0

Color Information

Hex Code

#54AAD0

RGB

84, 170, 208

HSL

198°, 57%, 57%

CSS

#54AAD0

Color Tints

Lighter variations of #54AAD0

#54AAD0

#65B3D5

10%

#76BBD9

20%

#87C4DE

30%

#98CCE3

40%

#AAD5E8

50%

#BBDDEC

60%

#CCE6F1

70%

#DDEEF6

80%

#EEF7FA

90%

#FFFFFF

100%

Color Shades

Darker variations of #54AAD0

#54AAD0

#4C99BB

10%

#4388A6

20%

#3B7792

30%

#32667D

40%

#2A5568

50%

#224453

60%

#19333E

70%

#11222A

80%

#081115

90%

#000000

100%

Related Colors

Complementary Color

#D07853

Opposite on color wheel

Split-Complementary Colors

#D0536C, #D0B753

Adjacent to complementary color

Analogous Colors

#53D0B7, #536CD0

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D053AA, #AAD053

Three colors equally spaced (120° apart)

Tetradic Colors

#7853D0, #D07853, #AAD053

Rectangle on color wheel (90° apart)

Square Colors

#B753D0, #D07853, #6CD053

Four colors equally spaced (90° apart)

Monochromatic Variations

#F3F9FC, #A3D2E6, #297494, #133544

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#54AAD0

#53D098

#5953D0

#D07853

#D0B753

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

Triadic + Accent

#54AAD0

#D053AA

#AAD053

#B7A3E6

#299449

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

Monochromatic + Split Complementary

#54AAD0

#B7DCEB

#236480

#D0536C

#D0B753

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

#54AAD0

RGB Values

84, 170, 208

HSL Values

198°, 57%, 57%