Skip to the color picker
PickShade

#f3a899 color: Au Contraire

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

Read as HEX

10°
100%

OKLCH

80%
0.092
32°
  • ≈ Tan
  • Pink
  • Light
  • Vivid
  • Warm
  • red-300
  • Black 5%

Looks the same on every screen.

White text1.93:1 · Below AALc -41
Black text10.87:1 · AALc 67

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

#f3a899 is a bright light pink color. In OKLCH it has 80% lightness, 0.092 chroma and a hue of 32°.

Looks the same on every screen.

White text on it reaches 1.93:1 contrast and black text 10.87: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: #f3a899 mixed with white

  1. f3a899
  2. f5b1a3
  3. f7baad
  4. f8c2b7
  5. facbc1
  6. fbd4cb
  7. fcdcd6
  8. fde5e0
  9. feeeea
  10. fff6f5

Darker: #f3a899 mixed with black

  1. f3a899
  2. d39284
  3. b47c70
  4. 97675d
  5. 7a524a
  6. 5e3f38
  7. 442c27
  8. 2b1a17
  9. 140a08
  10. 030101

Calmer: #f3a899 with less saturation

  1. f3a899
  2. eeaa9d
  3. e9ada1
  4. e4afa4
  5. dfb1a8
  6. dab4ac
  7. d4b6af
  8. cfb8b3
  9. c9bab6
  10. c4bcba