#F2D878 Color

Color Information

HEX#F2D878
RGB242, 216, 120
HSL47° , 82% , 71%
HSV47° , 50% , 95%
CMYK0%, 11%, 50%, 5%

Lighter Shades

#F4DD88 #F5E198 #F7E6A9 #F8EBB9 #FAEFC9 #FBF4D9

Darker Shades

#D5BE6A #B8A45B #9B8A4D #7E703E #615630 #443C22

Complementary Palette

#D0BA67 #F2D878 #677ED0 #7893F2 #8BA2F4 #F4DD8B

Analogous Palette

#CD967E #E3A187 #E3CB71 #F2D878 #C9E387 #CDE58F

Triadic Palette

#D5BE6A #F2D878 #71F9DC #82FAE0 #DC71F9 #C263DB

Split Complementary Palette

#DAC26C #F2D878 #78CFF2 #86D4F3 #9B78F2 #8C6CDA

Square Palette

#CBB565 #F2D878 #80EA9E #8097EA #F278CF #F48ED7

Tetradic Palette

#C6B162 #F2D878 #8BFF6B #7893F2 #DF6BFF #E586FF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #F2D878 contains 242 red, 216 green, and 120 blue.

Contrast Ratio: 1.4:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.99:1