#F57775 Color

Color Information

HEX	#F57775
RGB	245, 119, 117
HSL	1° , 86% , 71%
HSV	1° , 52% , 96%
CMYK	0%, 51%, 52%, 4%

Lighter Shades

#F68786 #F79896 #F9A8A7 #FAB8B7 #FBC9C8 #FCD9D8

Darker Shades

#D86967 #BA5A59 #9D4C4B #7F3E3D #62302F #452121

Complementary Palette

#D36665 #F57775 #65D1D3 #75F3F5 #88F5F6 #F68A88

Analogous Palette

#CF7DA4 #E684B3 #E6706E #F57775 #E6B784 #E8BC8C

Triadic Palette

#D86967 #F57775 #6EFC70 #7FFC81 #706EFC #6361DE

Split Complementary Palette

#DD6B69 #F57775 #75F5B7 #83F6BE #75B3F5 #69A1DD

Square Palette

#CE6462 #F57775 #B3ED7D #7DEBED #B775F5 #C38BF7

Tetradic Palette

#C96260 #F57775 #FDFF6B #75F3F5 #6E6BFF #8886FF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #F57775 contains 245 red, 119 green, and 117 blue.

Contrast Ratio: 2.68:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 7.83:1