#A6A30C

Vivid Yellow

HEX

RGB

HSL

About #A6A30C Vivid Yellow

#A6A30C is a vivid yellow color. In the RGB color model, it is composed of 166 red, 163 green, and 12 blue. In the HSL color space, it has a hue of 59°, 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 #A6A30C in your CSS, SCSS, or Tailwind projects.

Color Properties

59°

Hue

87%

Saturation

35%

Lightness

Vivid Yellow

Color Harmonies

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

Accessibility

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

Aa#A6A30C on White
Contrast Ratio2.67:1
AA AA Large AAA
Aa#A6A30C on Black
Contrast Ratio7.87:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #A6A30C across different color formats.

FormatValue
HEX#A6A30C
RGBrgb(166, 163, 12)
HSLhsl(59, 87%, 35%)
RGB Decimal166, 163, 12
RGB Percent65.1%, 63.9%, 4.7%
CMYK (approx.)0%, 2%, 93%, 35%

Related Palettes

12 palettes using #A6A30C or similar colors

#AEAE1E#8CDC3C#75F075#C1F1D9
#B39219#B4E831#97E382#BCF6CC
#9EA923#7FDC3D#81E489#C0F1DD
#A79E25#95D147#89E382#BCF6D5
#95B418#68E831#81E495#BFF2E3
#AD911F#AFE335#92E87D#C1F1CF
#8BB517#5FE137#84E19D#BFF3E6
#C3AB22#B5DE45#9CE779#ADF0B3
#C39622#CADE45#AAE779#AFF0AD
#A3C322#7FDE45#79E77C#ADF0CB
#A0C322#7DDE45#79E77E#ADF0CC
#C39322#CCDE45#ACE779#B0F0AD