Skip to the color picker
PickShade

#aca686 color: Stone

Every format, shade and contrast value for #aca686. Drag the picker to explore nearby colors.

Read as HEX

51°
100%

OKLCH

72.2%
0.045
99°
  • ≈ Sage
  • Yellow
  • Light
  • Muted
  • Dusty
  • Warm
  • olive-400
  • Black 33%

Looks the same on every screen.

White text2.46:1 · Below AALc -53
Black text8.55:1 · AALc 56

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Open as palette

Recent

Colors you stop on or copy appear here. They stay on this device.

About #aca686

#aca686 is a dusty light yellow color. In OKLCH it has 72.2% lightness, 0.045 chroma and a hue of 99°.

Looks the same on every screen.

White text on it reaches 2.46:1 contrast and black text 8.55:1, so black text reads better.

The closest named color is Stone (#ada587). In Tailwind CSS the closest color is olive-400.

More light yellow colors

Lighter: #aca686 mixed with white

  1. aca686
  2. b4af92
  3. bcb79d
  4. c4c0a9
  5. ccc9b5
  6. d5d2c1
  7. dddbcd
  8. e5e4da
  9. eeede6
  10. f6f6f2

Darker: #aca686 mixed with black

  1. aca686
  2. 959074
  3. 7f7a62
  4. 696551
  5. 545140
  6. 403e30
  7. 2d2b21
  8. 1b1a13
  9. 0b0a06
  10. 010101

Calmer: #aca686 with less saturation

  1. aca686
  2. aba689
  3. aba68c
  4. aaa690
  5. a9a693
  6. a8a696
  7. a8a599
  8. a7a59c
  9. a6a59f
  10. a6a5a2