color #54B5B0 | Chroma Seek

#54B5B0

Color Information

Hex Code

#54B5B0

RGB

84, 181, 176

HSL

177°, 40%, 52%

CSS

#54B5B0

Color Tints

Lighter variations of #54B5B0

#54B5B0

#65BCB8

10%

#76C4C0

20%

#87CBC8

30%

#98D3D0

40%

#AADAD8

50%

#BBE1DF

60%

#CCE9E7

70%

#DDF0EF

80%

#EEF8F7

90%

#FFFFFF

100%

Color Shades

Darker variations of #54B5B0

#54B5B0

#4CA39E

10%

#43918D

20%

#3B7F7B

30%

#326D6A

40%

#2A5B58

50%

#224846

60%

#193635

70%

#112423

80%

#081212

90%

#000000

100%

Related Colors

Complementary Color

#B65459

Opposite on color wheel

Split-Complementary Colors

#B65489, #B68054

Adjacent to complementary color

Analogous Colors

#54B680, #5489B6

Adjacent colors on color wheel (30° apart)

Triadic Colors

#B154B6, #B6B154

Three colors equally spaced (120° apart)

Tetradic Colors

#5459B6, #B65459, #B6B154

Rectangle on color wheel (90° apart)

Square Colors

#8054B6, #B65459, #89B654

Four colors equally spaced (90° apart)

Monochromatic Variations

#E2F3F2, #9BD4D1, #31726F, #122B2A

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#54B5B0

#54B667

#5471B6

#B65459

#B68054

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

Triadic + Accent

#54B5B0

#B154B6

#B6B154

#9B9ED4

#347231

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

Monochromatic + Split Complementary

#54B5B0

#ADDCD9

#29605E

#B65489

#B68054

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

#54B5B0

RGB Values

84, 181, 176

HSL Values

177°, 40%, 52%