Golden Sands

Warm and golden tones inspired by desert sands

Selected Color Details: #f4d03f

Information

HEX

RGB

HSL

hsl(48, 89, 60)

Variations

lighter

hsl(48, 89%, 80%)

#f9e79f

darker

hsl(48, 89%, 40%)

#c19c0b

saturated

hsl(48, 100%, 60%)

#ffd633

desaturated

hsl(48, 69%, 60%)

#dfc353

Accessibility

Contrast Ratio with White

1.51:1

× Does not pass WCAG AA for normal text

Contrast Ratio with Black

13.94:1

✓ Passes WCAG AA for normal text

Usage Examples

Button Examples

Text Examples

Sample text in #f4d03f

Sample text in #f5b041

Sample text in #f39c12

Sample text in #e67e22

Sample text in #d35400

Sample text in #f7dc6f

Sample text in #f8c471

Sample text in #f1c40f

Sample text in #b9770e

Sample text in #ffd700

Sample text in #ffdf00

Sample text in #ffd200

Sample text in #ffbf00

Sample text in #ffa500

Sample text in #ff8c00

Sample text in #ffa07a

Background Examples

Content on #f4d03f
Content on #f5b041
Content on #f39c12
Content on #e67e22
Content on #d35400
Content on #f7dc6f
Content on #f8c471
Content on #f1c40f
Content on #b9770e
Content on #ffd700
Content on #ffdf00
Content on #ffd200
Content on #ffbf00
Content on #ffa500
Content on #ff8c00
Content on #ffa07a