color #54BAF1 | Chroma Seek

#54BAF1

Color Information

Hex Code

#54BAF1

RGB

84, 186, 241

HSL

201°, 85%, 64%

CSS

#54BAF1

Color Tints

Lighter variations of #54BAF1

#54BAF1

#65C1F2

10%

#76C8F4

20%

#87CFF5

30%

#98D6F7

40%

#AADDF8

50%

#BBE3F9

60%

#CCEAFB

70%

#DDF1FC

80%

#EEF8FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #54BAF1

#54BAF1

#4CA7D9

10%

#4395C1

20%

#3B82A9

30%

#327091

40%

#2A5D79

50%

#224A60

60%

#193848

70%

#112530

80%

#081318

90%

#000000

100%

Related Colors

Complementary Color

#F18C55

Opposite on color wheel

Split-Complementary Colors

#F1556D, #F1DA55

Adjacent to complementary color

Analogous Colors

#55F1DA, #556DF1

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F155BB, #BBF155

Three colors equally spaced (120° apart)

Tetradic Colors

#8C55F1, #F18C55, #BBF155

Rectangle on color wheel (90° apart)

Square Colors

#DA55F1, #F18C55, #6DF155

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #B4E1F9, #118DD0, #094D71

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#54BAF1

#55F1B3

#6555F1

#F18C55

#F1DA55

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

Triadic + Accent

#54BAF1

#F155BB

#BBF155

#BFA1F7

#11D054

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

Monochromatic + Split Complementary

#54BAF1

#B8E3F9

#0F7DB8

#F1556D

#F1DA55

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

#54BAF1

RGB Values

84, 186, 241

HSL Values

201°, 85%, 64%