Butterfield Color – #f7be5b: Codes and Complete Breakdown

The Butterfield color hex code is #f7be5b, and it is composed of 97% red, 75% green and 36% blue.

Butterfield is a light, bright, and warm color at 63% saturation. It has a contrast ratio of 1.68:1 against a white background, which fails WCAG AA (Web Content Accessibility Guidelines, Level AA) compliance.

For better visibility, it is recommended to use the Butterfield color (#f7be5b) against dark backgrounds.

Butterfield Color Shades

Complementary colors

1. #F7BE5B

2. #5B94F7

Triadic colors

1. #F7BE5B

2. #5BF7BE

3. #BE5BF7

Tints or lighter colors

1. #F9D18C

2. #FCE5BC

3. #FEF8ED

Darker colors

1. #F5AB2A

2. #E1930B

3. #B17309

4. #805306

5. #4F3404

Analogous colors

1. #F75B94

2. #F7705B

3. #F7BE5B

4. #E2F75B

5. #94F75B

Monochromatic colors

1. #FFA407

2. #FFB73A

3. #FCC870

4. #FBDBA4

5. #FCEED6