Skip to the color picker
PickShade

#baaf92 color: Mocha Cake

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

Read as HEX

44°
100%

OKLCH

75.6%
0.042
90°
  • ≈ Sand
  • Yellow
  • Light
  • Muted
  • Dusty
  • Warm
  • olive-400
  • Black 27%

Looks the same on every screen.

White text2.18:1 · Below AALc -48
Black text9.63:1 · AALc 61

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

#baaf92 is a dusty light yellow color. In OKLCH it has 75.6% lightness, 0.042 chroma and a hue of 90°.

Looks the same on every screen.

White text on it reaches 2.18:1 contrast and black text 9.63:1, so black text reads better.

The closest named color is Mocha Cake (#beaf93). In Tailwind CSS the closest color is olive-400.

More light yellow colors

Lighter: #baaf92 mixed with white

  1. baaf92
  2. c1b79d
  3. c7bfa7
  4. cec7b2
  5. d5cebd
  6. dcd6c8
  7. e3ded3
  8. eae7de
  9. f1efe9
  10. f8f7f4

Darker: #baaf92 mixed with black

  1. baaf92
  2. a1987e
  3. 89816b
  4. 726b58
  5. 5c5646
  6. 464135
  7. 322e25
  8. 1e1c16
  9. 0d0b08
  10. 020101

Calmer: #baaf92 with less saturation

  1. baaf92
  2. b9af95
  3. b8af98
  4. b7af9b
  5. b6af9e
  6. b5afa1
  7. b4afa4
  8. b3afa7
  9. b2afaa
  10. b1afad