Skip to the color picker
PickShade

#baa577 color: Sailor’s Knot

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

Read as HEX

41°
100%

OKLCH

72.9%
0.067
86°
  • ≈ Camel
  • Yellow
  • Light
  • Soft
  • Dusty
  • Warm
  • olive-400
  • Black 27%

Looks the same on every screen.

White text2.40:1 · Below AALc -52
Black text8.74:1 · AALc 57

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

#baa577 is a dusty light yellow color. In OKLCH it has 72.9% lightness, 0.067 chroma and a hue of 86°.

Looks the same on every screen.

White text on it reaches 2.4:1 contrast and black text 8.74:1, so black text reads better.

The closest named color is Sailor’s Knot (#b8a47a). In Tailwind CSS the closest color is olive-400.

More light yellow colors

Lighter: #baa577 mixed with white

  1. baa577
  2. c1ae84
  3. c8b792
  4. cec09f
  5. d5c8ad
  6. dcd1ba
  7. e3dac8
  8. eae4d6
  9. f1ede3
  10. f8f6f1

Darker: #baa577 mixed with black

  1. baa577
  2. a18f67
  3. 897957
  4. 726547
  5. 5c5138
  6. 463d2a
  7. 322b1c
  8. 1e1a10
  9. 0d0a05
  10. 020101

Calmer: #baa577 with less saturation

  1. baa577
  2. b8a57c
  3. b6a681
  4. b4a686
  5. b3a68b
  6. b1a690
  7. afa795
  8. ada79a
  9. aba79e
  10. a9a7a3