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.