Skip to the color picker
PickShade

#aba686 color: Stone

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

Read as HEX

52°
100%

OKLCH

72.1%
0.045
100°
  • ≈ Sage
  • Yellow
  • Light
  • Muted
  • Dusty
  • Neutral
  • olive-400
  • Black 33%

Looks the same on every screen.

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

#aba686 is a dusty light yellow color. In OKLCH it has 72.1% lightness, 0.045 chroma and a hue of 100°.

Looks the same on every screen.

White text on it reaches 2.46:1 contrast and black text 8.53: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: #aba686 mixed with white

  1. aba686
  2. b3af92
  3. bbb79d
  4. c3c0a9
  5. ccc9b5
  6. d4d2c1
  7. dddbcd
  8. e5e4da
  9. eeede6
  10. f6f6f2

Darker: #aba686 mixed with black

  1. aba686
  2. 949074
  3. 7e7a62
  4. 686551
  5. 545140
  6. 403e30
  7. 2d2b21
  8. 1b1a13
  9. 0b0a06
  10. 010101

Calmer: #aba686 with less saturation

  1. aba686
  2. aaa689
  3. aaa68c
  4. a9a690
  5. a8a693
  6. a8a596
  7. a7a599
  8. a7a59c
  9. a6a59f
  10. a5a5a2