Skip to the color picker
PickShade

#aba485 color: Herbes

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

Read as HEX

49°
100%

OKLCH

71.6%
0.044
97°
  • ≈ Sage
  • Yellow
  • Light
  • Muted
  • Dusty
  • Warm
  • olive-400
  • Black 33%

Looks the same on every screen.

White text2.51:1 · Below AALc -54
Black text8.38:1 · AALc 55

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 #aba485

#aba485 is a dusty light yellow color. In OKLCH it has 71.6% lightness, 0.044 chroma and a hue of 97°.

Looks the same on every screen.

White text on it reaches 2.51:1 contrast and black text 8.38:1, so black text reads better.

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

More light yellow colors

Lighter: #aba485 mixed with white

  1. aba485
  2. b3ad91
  3. bbb69d
  4. c4bfa9
  5. ccc8b5
  6. d4d1c1
  7. dddacd
  8. e5e3d9
  9. eeece6
  10. f6f6f2

Darker: #aba485 mixed with black

  1. aba485
  2. 948e73
  3. 7e7961
  4. 686450
  5. 545040
  6. 403d30
  7. 2d2b21
  8. 1b1a13
  9. 0b0a06
  10. 010101

Calmer: #aba485 with less saturation

  1. aba485
  2. aaa488
  3. a9a48b
  4. a9a48e
  5. a8a491
  6. a7a495
  7. a6a498
  8. a6a49a
  9. a5a39d
  10. a4a3a0