color #54D6F0 | Chroma Seek

#54D6F0

Color Information

Hex Code

#54D6F0

RGB

84, 214, 240

HSL

190°, 84%, 64%

CSS

#54D6F0

Color Tints

Lighter variations of #54D6F0

#54D6F0

#65DAF2

10%

#76DEF3

20%

#87E2F5

30%

#98E6F6

40%

#AAEBF8

50%

#BBEFF9

60%

#CCF3FB

70%

#DDF7FC

80%

#EEFBFE

90%

#FFFFFF

100%

Color Shades

Darker variations of #54D6F0

#54D6F0

#4CC1D8

10%

#43ABC0

20%

#3B96A8

30%

#328090

40%

#2A6B78

50%

#225660

60%

#194048

70%

#112B30

80%

#081518

90%

#000000

100%

Related Colors

Complementary Color

#F07056

Opposite on color wheel

Split-Complementary Colors

#F05689, #F0BD56

Adjacent to complementary color

Analogous Colors

#56F0BD, #5689F0

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F056D7, #D7F056

Three colors equally spaced (120° apart)

Tetradic Colors

#7056F0, #F07056, #D7F056

Rectangle on color wheel (90° apart)

Square Colors

#BD56F0, #F07056, #89F056

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #B4EDF8, #12AFCE, #0A5F71

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#54D6F0

#56F096

#5663F0

#F07056

#F0BD56

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

Triadic + Accent

#54D6F0

#F056D7

#D7F056

#AFA1F7

#12CE31

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

Monochromatic + Split Complementary

#54D6F0

#B9EEF9

#109BB7

#F05689

#F0BD56

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

#54D6F0

RGB Values

84, 214, 240

HSL Values

190°, 84%, 64%