#A69E0C

Vivid Yellow

HEX

RGB

HSL

About #A69E0C Vivid Yellow

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

Color Properties

57°

Hue

87%

Saturation

35%

Lightness

Vivid Yellow

Color Harmonies

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

Accessibility

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

Aa#A69E0C on White
Contrast Ratio2.79:1
AA AA Large AAA
Aa#A69E0C on Black
Contrast Ratio7.52:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #A69E0C across different color formats.

FormatValue
HEX#A69E0C
RGBrgb(166, 158, 12)
HSLhsl(57, 87%, 35%)
RGB Decimal166, 158, 12
RGB Percent65.1%, 62.0%, 4.7%
CMYK (approx.)0%, 5%, 93%, 35%

Related Palettes

12 palettes using #A69E0C or similar colors

#B5A017#A1DA3F#88ED78#C0F2D2
#AEA01E#9AD147#82EF76#C0F1D4
#B6A416#A0E138#8FE184#BBF6D2
#B39219#B4E831#97E382#BCF6CC
#AD911F#AFE335#92E87D#C1F1CF
#A5B21A#7FD940#7FE688#C1F1DD
#AD901F#AEE137#97E184#BCF6CD
#A79E25#95D147#89E382#BCF6D5
#AEAE1E#8CDC3C#75F075#C1F1D9
#A0AB21#80D445#82E38A#C1F0DD
#9EAD1F#7DD742#7BEA86#BDF5DE
#A5A824#8AD544#83E284#BDF4DA