color #54B9DA | Chroma Seek

#54B9DA

Color Information

Hex Code

#54B9DA

RGB

84, 185, 218

HSL

195°, 64%, 59%

CSS

#54B9DA

Color Tints

Lighter variations of #54B9DA

#54B9DA

#65C0DE

10%

#76C7E1

20%

#87CEE5

30%

#98D5E9

40%

#AADCED

50%

#BBE3F0

60%

#CCEAF4

70%

#DDF1F8

80%

#EEF8FB

90%

#FFFFFF

100%

Color Shades

Darker variations of #54B9DA

#54B9DA

#4CA7C4

10%

#4394AE

20%

#3B8299

30%

#326F83

40%

#2A5D6D

50%

#224A57

60%

#193841

70%

#11252C

80%

#081316

90%

#000000

100%

Related Colors

Complementary Color

#D97554

Opposite on color wheel

Split-Complementary Colors

#D95475, #D9B854

Adjacent to complementary color

Analogous Colors

#54D9B8, #5475D9

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D954B8, #B8D954

Three colors equally spaced (120° apart)

Tetradic Colors

#7554D9, #D97554, #B8D954

Rectangle on color wheel (90° apart)

Square Colors

#B854D9, #D97554, #75D954

Four colors equally spaced (90° apart)

Monochromatic Variations

#FBFDFE, #A7DBEC, #2483A3, #11404F

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#54B9DA

#54D996

#5454D9

#D97554

#D9B854

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

Triadic + Accent

#54B9DA

#D954B8

#B8D954

#B8A7EC

#24A344

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

Monochromatic + Split Complementary

#54B9DA

#BCE3F0

#1F728E

#D95475

#D9B854

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

#54B9DA

RGB Values

84, 185, 218

HSL Values

195°, 64%, 59%