Butterblond Color – #f1c766: Codes and Complete Breakdown
By
Published on
The Butterblond color hex code is #f1c766, and it is composed of 95% red, 78% green and 40% blue.
Butterblond is a light, muted, and warm color at 58% saturation. It has a contrast ratio of 1.6: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 Butterblond color (#f1c766) against dark backgrounds.

Butterblond Color Shades
Complementary colors
Triadic colors
Tints or lighter colors
Darker colors
Analogous colors
Monochromatic colors
#f1c766
Butterblond Color Codes and Information
Complete breakdown of the color Butterblond:
| Data Type | Values/Details |
|---|---|
| Hex | #f1c766 |
| RGB | rgb(241,199,102) |
| HSL | hsl(42,83.2%,67.3%) |
| CMYK | 0, 17, 58, 5 |
| HSV | 42, 58, 95 |
| RGB % | 95, 78, 40 |
| XYZ | 59.1, 60.5, 21.1 |
| LAB | 82.1, 3.9, 53.4 |
| Color Category | Light |
| Color Family | Peach/Orange |
| Saturation | 58% |
| Temperature | Warm |
| Contrast Ratio Against White (#ffffff) | 1.6 (fails WCAG AA) |
| Contrast Ratio Against Black (#000000) | 13.1 (passes WCAG AA) |
Similar Colors to Butterblond Color
#816c5e

Caribou
#828b8e

Necron Compound
#2b2e26

Marshland
#f6ecde

A La Mode
#a28c82

Portobello
#8f9e9d

Abyss
#cd853f

Peru
#e1e1e2

Jupiter










