blonde Color Codes
Color Preview
Blonde Color Values
Related Colors
Complementary
#050f41
Analogous
hsl(80, 86%, 86%)
hsl(20, 86%, 86%)
Triadic
hsl(170, 86%, 86%)
hsl(290, 86%, 86%)
Tetradic
hsl(140, 86%, 86%)
hsl(230, 86%, 86%)
hsl(320, 86%, 86%)
HTML Snippets
.element { background-color: #FAF0BE; }
.element { color: #FAF0BE; }
This is how the text color would appear.
<span style="color: #FAF0BE;">Colored text</span>
This text has an inline style applied.
Accessibility
Contrast Ratios
Black18.27 (AA)
White1.15 (Fail)
Shades of Blonde
hsl(50, 86%, 56%)
hsl(50, 86%, 71%)
#FAF0BE
hsl(50, 86%, 100%)
hsl(50, 86%, 100%)
Color Blindness Simulations
Protanopia (Red-Blind)
#f6f6cd
Deuteranopia (Green-Blind)
#f6f7d0
Tritanopia (Blue-Blind)
#faf4f5
Related Palettes
About blonde
blonde (#FAF0BE) is a versatile color that can be used in various design contexts. Explore its hex code, RGB and HSL values, and discover complementary colors to create stunning color palettes for your projects.