YellowLightVivid

Sugar Cookie

#F4E2A4

Contrast at a glance

White text

1.29:1Fails

Black text

15.33:1AAA

Open the contrast checker →

About Sugar Cookie

Sugar Cookie (#F4E2A4) is a light vivid yellow. Its RGB value is 244, 226, 164 and its HSL value is 46°, 78%, 80%. Black text reads best on it, at a contrast ratio of 15.33:1 (WCAG AAA). Below are ten tints and shades of Sugar Cookie, plus complementary, analogous, triadic, and split-complementary palettes built from it.

Tints

Open in Scales →

Shades

Open in Scales →

Harmonies

Complementary

#F4E2A4 · #A4B6F4

Analogous

#F4BAA4 · #F4E2A4 · #DEF4A4

Triadic

#F4E2A4 · #A4F4E2 · #E2A4F4

Split complementary

#F4E2A4 · #A4DEF4 · #BAA4F4

Do more with Sugar Cookie

Build a palette around it, generate a scale, or check it for accessibility.

Start a palette Generate a scale Check contrast