Skip to the color picker
PickShade

#aca689 color: Stone

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

Read as HEX

50°
100%

OKLCH

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

Looks the same on every screen.

White text2.45:1 · Below AALc -53
Black text8.57: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 #aca689

#aca689 is a dusty light yellow color. In OKLCH it has 72.2% lightness, 0.041 chroma and a hue of 98°.

Looks the same on every screen.

White text on it reaches 2.45:1 contrast and black text 8.57: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: #aca689 mixed with white

  1. aca689
  2. b4af94
  3. bcb7a0
  4. c4c0ab
  5. ccc9b7
  6. d5d2c3
  7. dddbcf
  8. e5e4db
  9. eeede7
  10. f6f6f3

Darker: #aca689 mixed with black

  1. aca689
  2. 959076
  3. 7f7a64
  4. 696553
  5. 545142
  6. 403e31
  7. 2d2b22
  8. 1b1a14
  9. 0b0a07
  10. 010101

Calmer: #aca689 with less saturation

  1. aca689
  2. aba68c
  3. aba68f
  4. aaa692
  5. a9a695
  6. a9a697
  7. a8a69a
  8. a7a59d
  9. a6a5a0
  10. a6a5a2