Skip to the color picker
PickShade

#f8a799 color: Au Contraire

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

Read as HEX

9°
100%

OKLCH

80.4%
0.099
30°
  • ≈ Baby pink
  • Pink
  • Light
  • Vivid
  • Warm
  • red-300
  • Black 3%

Looks the same on every screen.

White text1.91:1 · Below AALc -41
Black text10.98:1 · AALc 68

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

#f8a799 is a bright light pink color. In OKLCH it has 80.4% lightness, 0.099 chroma and a hue of 30°.

Looks the same on every screen.

White text on it reaches 1.91:1 contrast and black text 10.98:1, so black text reads better.

The closest named color is Au Contraire (#f6a694). In Tailwind CSS the closest color is red-300.

More light pink colors

Lighter: #f8a799 mixed with white

  1. f8a799
  2. fab0a3
  3. fbb9ad
  4. fcc2b7
  5. fdcac1
  6. fed3cb
  7. ffdcd6
  8. ffe5e0
  9. ffeeea
  10. fff6f5

Darker: #f8a799 mixed with black

  1. f8a799
  2. d89184
  3. b87b70
  4. 9a665d
  5. 7c524a
  6. 603e38
  7. 452c27
  8. 2c1a17
  9. 150a08
  10. 030101

Calmer: #f8a799 with less saturation

  1. f8a799
  2. f3aa9d
  3. eeaca1
  4. e8afa5
  5. e3b1a8
  6. ddb4ac
  7. d7b6b0
  8. d1b8b4
  9. cbbbb7
  10. c5bdbb