#AA7D2F

Yellow

HEX

RGB

HSL

About #AA7D2F Yellow

#AA7D2F is a yellow color. In the RGB color model, it is composed of 170 red, 125 green, and 47 blue. In the HSL color space, it has a hue of 38°, saturation of 57%, and lightness of 43%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With moderate saturation, it appears balanced and versatile.

CSS Code & Gradients

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

Beautiful Gradients

Color Properties

38°

Hue

57%

Saturation

43%

Lightness

Yellow

Color Harmonies

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

Accessibility

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

Aa#AA7D2F on White
Contrast Ratio3.69:1
AA AA Large AAA
Aa#AA7D2F on Black
Contrast Ratio5.68:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #AA7D2F across different color formats.

FormatValue
HEX#AA7D2F
RGBrgb(170, 125, 47)
HSLhsl(38, 57%, 43%)
RGB Decimal170, 125, 47
RGB Percent66.7%, 49.0%, 18.4%
CMYK (approx.)0%, 26%, 72%, 33%

Related Palettes

12 palettes using #AA7D2F or similar colors

#A68026#BAD940#9CEB7A#BAF7C6
#A68226#BCE039#9AEB7A#BDF5C9
#A48528#B4DB3D#95ED78#BFF2CC
#AC7B20#BFD543#A2EA7B#BCF6C5
#201B13#4A3E26#7D6231#AE863C
#A66F26#CED840#ACE481#BCF5C0
#AD771F#C4D543#A7E382#BDF5C3
#AE801E#B9D445#A0E67F#BEF3C8
#221C11#4C3F24#72603B#AD883D
#1F1A14#483928#7D5930#A77943
#F4DFB6#DE8F5F#9E6F21#644E19
#B1731B#D5E335#AAE87D#BDF4C2