#A87D2E

Yellow

HEX

RGB

HSL

About #A87D2E Yellow

#A87D2E is a yellow color. In the RGB color model, it is composed of 168 red, 125 green, and 46 blue. In the HSL color space, it has a hue of 39°, saturation of 57%, and lightness of 42%.

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

Beautiful Gradients

Color Properties

39°

Hue

57%

Saturation

42%

Lightness

Yellow

Color Harmonies

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

Accessibility

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

Aa#A87D2E on White
Contrast Ratio3.72:1
AA AA Large AAA
Aa#A87D2E on Black
Contrast Ratio5.64:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #A87D2E across different color formats.

FormatValue
HEX#A87D2E
RGBrgb(168, 125, 46)
HSLhsl(39, 57%, 42%)
RGB Decimal168, 125, 46
RGB Percent65.9%, 49.0%, 18.0%
CMYK (approx.)0%, 26%, 73%, 34%

Related Palettes

12 palettes using #A87D2E or similar colors

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