#A6A60C

Vivid Yellow

HEX

RGB

HSL

About #A6A60C Vivid Yellow

#A6A60C is a vivid yellow color. In the RGB color model, it is composed of 166 red, 166 green, and 12 blue. In the HSL color space, it has a hue of 60°, saturation of 87%, and lightness of 35%.

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

Use #A6A60C in your CSS, SCSS, or Tailwind projects.

Color Properties

60°

Hue

87%

Saturation

35%

Lightness

Vivid Yellow

Color Harmonies

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

Accessibility

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

Aa#A6A60C on White
Contrast Ratio2.6:1
AA AA Large AAA
Aa#A6A60C on Black
Contrast Ratio8.08:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #A6A60C across different color formats.

FormatValue
HEX#A6A60C
RGBrgb(166, 166, 12)
HSLhsl(60, 87%, 35%)
RGB Decimal166, 166, 12
RGB Percent65.1%, 65.1%, 4.7%
CMYK (approx.)0%, 0%, 93%, 35%

Related Palettes

12 palettes using #A6A60C or similar colors

#AEAE1E#8CDC3C#75F075#C1F1D9
#9EA923#7FDC3D#81E489#C0F1DD
#95B418#68E831#81E495#BFF2E3
#A79E25#95D147#89E382#BCF6D5
#B39219#B4E831#97E382#BCF6CC
#AD911F#AFE335#92E87D#C1F1CF
#8BB517#5FE137#84E19D#BFF3E6
#A3C322#7FDE45#79E77C#ADF0CB
#C3AB22#B5DE45#9CE779#ADF0B3
#A0C322#7DDE45#79E77E#ADF0CC
#355764#81B214#D7E8BA#FFFFFF
#B6C322#91DE45#82E779#ADF0C3