#A3AB2F

Yellow

HEX

RGB

HSL

About #A3AB2F Yellow

#A3AB2F is a yellow color. In the RGB color model, it is composed of 163 red, 171 green, and 47 blue. In the HSL color space, it has a hue of 64°, 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 #A3AB2F in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

64°

Hue

57%

Saturation

43%

Lightness

Yellow

Color Harmonies

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

Accessibility

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

Aa#A3AB2F on White
Contrast Ratio2.49:1
AA AA Large AAA
Aa#A3AB2F on Black
Contrast Ratio8.42:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #A3AB2F across different color formats.

FormatValue
HEX#A3AB2F
RGBrgb(163, 171, 47)
HSLhsl(64, 57%, 43%)
RGB Decimal163, 171, 47
RGB Percent63.9%, 67.1%, 18.4%
CMYK (approx.)5%, 0%, 73%, 33%

Related Palettes

12 palettes using #A3AB2F or similar colors

#A5A824#8AD544#83E284#BDF4DA
#9EA923#7FDC3D#81E489#C0F1DD
#9EAA22#80D544#78ED82#C1F1DD
#A0AB21#80D445#82E38A#C1F0DD
#A79E25#95D147#89E382#BCF6D5
#9EAD1F#7DD742#7BEA86#BDF5DE
#AEAE1E#8CDC3C#75F075#C1F1D9
#1E2211#424927#6A7934#95AD3E
#A5B21A#7FD940#7FE688#C1F1DD
#93AD1F#6EDF39#7EE791#C0F1E2
#AEA01E#9AD147#82EF76#C0F1D4
#8EA824#6BDF39#76EF8E#BFF2E3