#AF971D

Yellow

HEX

RGB

HSL

About #AF971D Yellow

#AF971D is a yellow color. In the RGB color model, it is composed of 175 red, 151 green, and 29 blue. In the HSL color space, it has a hue of 50°, saturation of 72%, and lightness of 40%.

This color has a low lightness value, making it a dark color great for text and bold accents. With high saturation, it appears vibrant and eye-catching.

CSS Code & Gradients

Use #AF971D in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

50°

Hue

72%

Saturation

40%

Lightness

Yellow

Color Harmonies

Colors that work well with #AF971D based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #AF971D against white and black backgrounds.

Aa#AF971D on White
Contrast Ratio2.89:1
AA AA Large AAA
Aa#AF971D on Black
Contrast Ratio7.27:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #AF971D across different color formats.

FormatValue
HEX#AF971D
RGBrgb(175, 151, 29)
HSLhsl(50, 72%, 40%)
RGB Decimal175, 151, 29
RGB Percent68.6%, 59.2%, 11.4%
CMYK (approx.)0%, 14%, 83%, 31%

Related Palettes

12 palettes using #AF971D or similar colors

#AD911F#AFE335#92E87D#C1F1CF
#B39219#B4E831#97E382#BCF6CC
#AD901F#AEE137#97E184#BCF6CD
#AEA01E#9AD147#82EF76#C0F1D4
#B5A017#A1DA3F#88ED78#C0F2D2
#A79E25#95D147#89E382#BCF6D5
#B6A416#A0E138#8FE184#BBF6D2
#C39622#CADE45#AAE779#AFF0AD
#A5A824#8AD544#83E284#BDF4DA
#C39322#CCDE45#ACE779#B0F0AD
#C39B22#C5DE45#A7E779#ADF0AD
#C38E22#D1DE45#B0E779#B2F0AD