color #54A7B0 | Chroma Seek

#54A7B0

Color Information

Hex Code

#54A7B0

RGB

84, 167, 176

HSL

186°, 37%, 51%

CSS

#54A7B0

Color Tints

Lighter variations of #54A7B0

#54A7B0

#65B0B8

10%

#76B9C0

20%

#87C1C8

30%

#98CAD0

40%

#AAD3D8

50%

#BBDCDF

60%

#CCE5E7

70%

#DDEDEF

80%

#EEF6F7

90%

#FFFFFF

100%

Color Shades

Darker variations of #54A7B0

#54A7B0

#4C969E

10%

#43868D

20%

#3B757B

30%

#32646A

40%

#2A5458

50%

#224346

60%

#193235

70%

#112123

80%

#081112

90%

#000000

100%

Related Colors

Complementary Color

#B05D54

Opposite on color wheel

Split-Complementary Colors

#B05479, #B08B54

Adjacent to complementary color

Analogous Colors

#54B08B, #5479B0

Adjacent colors on color wheel (30° apart)

Triadic Colors

#B054A7, #A7B054

Three colors equally spaced (120° apart)

Tetradic Colors

#5D54B0, #B05D54, #A7B054

Rectangle on color wheel (90° apart)

Square Colors

#8B54B0, #B05D54, #79B054

Four colors equally spaced (90° apart)

Monochromatic Variations

#E0EFF1, #9ACBD0, #32666C, #122426

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#54A7B0

#54B074

#5462B0

#B05D54

#B08B54

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

Triadic + Accent

#54A7B0

#B054A7

#A7B054

#9F9AD0

#326C38

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

Monochromatic + Split Complementary

#54A7B0

#ABD4D8

#2A565B

#B05479

#B08B54

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

#54A7B0

RGB Values

84, 167, 176

HSL Values

186°, 37%, 51%