#F2AE72 Color

Color Information

HEX#F2AE72
RGB242, 174, 114
HSL28° , 83% , 70%
HSV28° , 53% , 95%
CMYK0%, 28%, 53%, 5%

Lighter Shades

#F4B883 #F5C194 #F7CBA5 #F8D5B6 #FADFC7 #FBE8D8

Darker Shades

#D59964 #B88457 #9B6F49 #7E5A3B #61462E #443120

Complementary Palette

#D09662 #F2AE72 #639DD0 #73B7F2 #87C1F4 #F4B986

Analogous Palette

#CE7E80 #E38286 #E3A46B #F2AE72 #E3DF82 #E5E28B

Triadic Palette

#D59964 #F2AE72 #6BFAAE #7DFBB8 #AE6BFA #995EDC

Split Complementary Palette

#DA9D67 #F2AE72 #73F2EE #81F3F0 #7377F2 #686BDA

Square Palette

#CB9260 #F2AE72 #7EEA7B #7BB6EA #EE73F2 #F189F4

Tetradic Palette

#C68F5D #F2AE72 #B8FF66 #73B7F2 #AD66FF #BC82FF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #F2AE72 contains 242 red, 174 green, and 114 blue.

Contrast Ratio: 1.87:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 11.21:1