color #F56C5A | Chroma Seek

#F56C5A

Color Information

Hex Code

#F56C5A

RGB

245, 108, 90

HSL

7°, 89%, 66%

CSS

#F56C5A

Color Tints

Lighter variations of #F56C5A

#F56C5A

#F67B6B

10%

#F7897B

20%

#F8988C

30%

#F9A79C

40%

#FAB6AD

50%

#FBC4BD

60%

#FCD3CE

70%

#FDE2DE

80%

#FEF0EF

90%

#FFFFFF

100%

Color Shades

Darker variations of #F56C5A

#F56C5A

#DD6151

10%

#C45648

20%

#AC4C3F

30%

#934136

40%

#7B362D

50%

#622B24

60%

#4A201B

70%

#311612

80%

#190B09

90%

#000000

100%

Related Colors

Complementary Color

#5BE3F5

Opposite on color wheel

Split-Complementary Colors

#5BF5BA, #5B96F5

Adjacent to complementary color

Analogous Colors

#F55B96, #F5BA5B

Adjacent colors on color wheel (30° apart)

Triadic Colors

#5BF56D, #6D5BF5

Three colors equally spaced (120° apart)

Tetradic Colors

#E3F55B, #5BE3F5, #6D5BF5

Rectangle on color wheel (90° apart)

Square Colors

#96F55B, #5BE3F5, #BA5BF5

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #FBC3BC, #DE250D, #7D1507

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#F56C5A

#F55BBD

#F5E15B

#5BE3F5

#5B96F5

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

Triadic + Accent

#F56C5A

#5BF56D

#6D5BF5

#EFF99F

#DE0DC5

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

Monochromatic + Split Complementary

#F56C5A

#FBBFB7

#C6210C

#5BF5BA

#5B96F5

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

#F56C5A

RGB Values

245, 108, 90

HSL Values

7°, 89%, 66%