#F2C764 Color

Color Information

HEX#F2C764
RGB242, 199, 100
HSL42° , 85% , 67%
HSV42° , 59% , 95%
CMYK0%, 18%, 59%, 5%

Lighter Shades

#F4CE77 #F5D489 #F7DB9C #F8E2AE #FAE9C1 #FBEFD4

Darker Shades

#D5AF58 #B8974C #9B7F40 #7E6734 #615028 #44381C

Complementary Palette

#D0AB56 #F2C764 #557AD0 #638EF2 #799EF4 #F4CF7A

Analogous Palette

#CC8371 #E28A74 #E3BB5E #F2C764 #CCE274 #CFE37D

Triadic Palette

#D5AF58 #F2C764 #5BFBCB #6FFBD1 #CB5BFB #B350DD

Split Complementary Palette

#DAB35A #F2C764 #63D6F2 #73DAF3 #8063F2 #7359DA

Square Palette

#CBA754 #F2C764 #6CEA85 #6C92EA #F263D6 #F47CDD

Tetradic Palette

#C6A352 #F2C764 #89FF57 #638EF2 #CD57FF #D675FF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #F2C764 contains 242 red, 199 green, and 100 blue.

Contrast Ratio: 1.58:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.26:1