Skip to the color picker
PickShade

#f2a796 color: Au Contraire

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

Read as HEX

11°
100%

OKLCH

79.7%
0.093
33°
  • ≈ Tan
  • Pink
  • Light
  • Vivid
  • Warm
  • red-300
  • Black 5%

Looks the same on every screen.

White text1.95:1 · Below AALc -42
Black text10.74:1 · AALc 66

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

#f2a796 is a bright light pink color. In OKLCH it has 79.7% lightness, 0.093 chroma and a hue of 33°.

Looks the same on every screen.

White text on it reaches 1.95:1 contrast and black text 10.74: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: #f2a796 mixed with white

  1. f2a796
  2. f4b0a0
  3. f6b9ab
  4. f8c2b5
  5. f9cabf
  6. fbd3ca
  7. fcdcd4
  8. fde5df
  9. feedea
  10. fef6f4

Darker: #f2a796 mixed with black

  1. f2a796
  2. d29182
  3. b47b6e
  4. 96665b
  5. 795249
  6. 5e3e37
  7. 432c26
  8. 2b1a16
  9. 140a08
  10. 030101

Calmer: #f2a796 with less saturation

  1. f2a796
  2. eda99a
  3. e8ac9e
  4. e3aea2
  5. deb0a6
  6. d9b3aa
  7. d3b5ad
  8. ceb7b1
  9. c8b9b5
  10. c2bbb9