#F5A980 Color

Color Information

HEX#F5A980
RGB245, 169, 128
HSL21° , 85% , 73%
HSV21° , 48% , 96%
CMYK0%, 31%, 48%, 4%

Lighter Shades

#F6B38F #F7BE9E #F9C8AE #FAD2BD #FBDDCC #FCE7DB

Darker Shades

#D89571 #BA8061 #9D6C52 #7F5843 #624433 #452F24

Complementary Palette

#D3916E #F5A980 #6EAFD3 #80CCF5 #92D3F6 #F6B592

Analogous Palette

#D08690 #E78D9B #E69F78 #F5A980 #E7D98D #E9DD95

Triadic Palette

#D89571 #F5A980 #79FCA7 #89FCB2 #A779FC #936ADE

Split Complementary Palette

#DD9873 #F5A980 #80F5E3 #8DF6E6 #8091F5 #7383DD

Square Palette

#CE8E6C #F5A980 #96EE87 #87CAEE #E380F5 #E794F7

Tetradic Palette

#C98B69 #F5A980 #CFFF75 #80CCF5 #A575FF #B58EFF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #F5A980 contains 245 red, 169 green, and 128 blue.

Contrast Ratio: 1.91:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 11:1