Start generating
AAA686

#AAA686 closest to Olive Tree

#AAA686 is a light, muted yellow; the closest named color is Olive Tree. In the RGB color model it is made of 66.7% red, 65.1% green and 52.5% blue (rgb(170, 166, 134)). Its HSL value is 53° hue, 17% saturation and 60% lightness, and in CMYK it is 0% cyan, 2% magenta, 21% yellow and 33% black. #AAA686 is a warm color. Black text reads best on it, with a contrast ratio of 8.51:1.

Make a palette with #AAA686

#AAA686 color conversion

HEX
RGB
HSL
HSB / HSV
HWB
CMYK
XYZ
CIELAB
CIELCh
CIELUV
OKLCH

Variations of #AAA686

Shades

Mixed with black: richer and darker.

AAA6869390747D7A626865515351403F3E302D2B211B1A130B0A06010101

Tints

Mixed with white: lighter and softer.

AAA686B2AF92BAB79DC3C0A9CBC9B5D4D2C1DCDBCDE5E4DAEDEDE6F6F6F2

Tones

Mixed with gray: calmer and more muted.

AAA686A6A286A19E859D9A85999784959383908F838C8B82888881848481

Hues

The same lightness and chroma, rotated around the color wheel.

BC9D8CBA9F89B7A186B3A285AFA485AAA686A5A888A0A98B9BAB8E96AC9291AD97

Temperatures

Cooler on the left, warmer on the right.

91A0A496A19E9BA398A0A493A5A58CAAA686AEA583B2A480B6A47DBAA37ABEA276

#AAA686 color harmonies

Complementary

The opposite hue — maximum contrast and energy.

AAA686868AAA
Open in generator →

Split complementary

The two hues next to the complement — contrast with less tension.

AAA686869CAA9486AA
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

AAA686AA94869CAA86
Open in generator →

Triadic

Three hues evenly spaced at 120° — vibrant yet balanced.

AAA68686AAA6A686AA
Open in generator →

Tetradic

Two complementary pairs — rich, best with one dominant color.

AAA6868AAA86868AAAA686AA
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

AAA68686AA94868AAAAA869C
Open in generator →

#AAA686 for color-blind viewers (and dogs)

How #AAA686 appears with each type of color vision deficiency (Machado 2009 model) — and to your dog. Try the dog vision simulator →

  • Dog vision 99% similarHow dogs see it · simulated as #AEA687
  • Protanopia 99% similar1.3% of men, 0.02% of women · simulated as #ACA484
  • Protanomaly 99% similar1.3% of men, 0.02% of women · simulated as #ACA485
  • Deuteranopia 99% similar1.2% of men, 0.01% of women · simulated as #AEA687
  • Deuteranomaly 99% similar5% of men, 0.35% of women · simulated as #ACA687
  • Tritanopia 92% similar0.001% of men, 0.03% of women · simulated as #B0A19D
  • Tritanomaly 96% similar0.0001% of men, 0.0001% of women · simulated as #ACA491
  • Achromatopsia 91% similar0.003% of men, 0.003% of women · simulated as #A5A5A5
  • Achromatomaly 93% similar0.001% of men, 0.001% of women · simulated as #A6A59E

#AAA686 contrast checker

AaThe quick brown fox jumps over the lazy dog.
2.47:1 Very poor#AAA686 text on white
AA normalFailAAA normalFail
AA largeFailAAA largeFail
AaThe quick brown fox jumps over the lazy dog.
8.51:1 Very good#AAA686 text on black
AA normalPassAAA normalPass
AA largePassAAA largePass

Need another background? Pick any pair in the palette generator and open the contrast panel.

Colors similar to #AAA686

Palettes with #AAA686

#AAA686 in CSS

/* Olive Tree */
.color { color: #AAA686; }
.background { background-color: #AAA686; }
.border { border: 1px solid #AAA686; }

/* Other notations */
color: rgb(170 166 134);
color: hsl(53 17% 60%);
color: oklch(0.720 0.045 101.5);

#AAA686 FAQ

What color is #AAA686?

#AAA686 is a light, muted yellow. Its closest named color is Olive Tree. It belongs to the yellow color family and is a warm color.

What is the RGB value of #AAA686?

#AAA686 is rgb(170, 166, 134) in RGB, hsl(53, 17%, 60%) in HSL and cmyk(0%, 2%, 21%, 33%) in CMYK.

What is the complementary color of #AAA686?

The complementary color of #AAA686 is #868AAA, which sits opposite it on the color wheel.

Which text color works on #AAA686?

Black text has the best contrast on #AAA686: 8.51:1, which meets the WCAG AA requirement of 4.5:1 for normal text.

Is #AAA686 a warm or cool color?

#AAA686 is a warm color.