#AC970F

Vivid Yellow

HEX

RGB

HSL

About #AC970F Vivid Yellow

#AC970F is a vivid yellow color. In the RGB color model, it is composed of 172 red, 151 green, and 15 blue. In the HSL color space, it has a hue of 52°, saturation of 84%, and lightness of 37%.

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 #AC970F in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

52°

Hue

84%

Saturation

37%

Lightness

Vivid Yellow

Color Harmonies

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

Accessibility

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

Aa#AC970F on White
Contrast Ratio2.92:1
AA AA Large AAA
Aa#AC970F on Black
Contrast Ratio7.19:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #AC970F across different color formats.

FormatValue
HEX#AC970F
RGBrgb(172, 151, 15)
HSLhsl(52, 84%, 37%)
RGB Decimal172, 151, 15
RGB Percent67.5%, 59.2%, 5.9%
CMYK (approx.)0%, 12%, 91%, 33%

Related Palettes

12 palettes using #AC970F or similar colors

#B39219#B4E831#97E382#BCF6CC
#B5A017#A1DA3F#88ED78#C0F2D2
#AD911F#AFE335#92E87D#C1F1CF
#AD901F#AEE137#97E184#BCF6CD
#AEA01E#9AD147#82EF76#C0F1D4
#B6A416#A0E138#8FE184#BBF6D2
#A79E25#95D147#89E382#BCF6D5
#AE801E#B9D445#A0E67F#BEF3C8
#AEAE1E#8CDC3C#75F075#C1F1D9
#A5A824#8AD544#83E284#BDF4DA
#A0AB21#80D445#82E38A#C1F0DD
#C39622#CADE45#AAE779#AFF0AD