Skip to the color picker
PickShade

#f7a596 color: Au Contraire

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

Read as HEX

9°
100%

OKLCH

79.9%
0.100
31°
  • ≈ Tan
  • Pink
  • Light
  • Vivid
  • Warm
  • red-300
  • Black 3%

Looks the same on every screen.

White text1.95:1Below AALc -42
Black text10.78:1AALc 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 #f7a596

#f7a596 is a bright light pink color. In OKLCH it has 79.9% lightness, 0.1 chroma and a hue of 31°.

Looks the same on every screen.

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

  1. f7a596
  2. f9aea0
  3. fab7ab
  4. fbc0b5
  5. fdc9bf
  6. fdd2ca
  7. fedbd4
  8. ffe4df
  9. ffedea
  10. fff6f4

Darker: #f7a596 mixed with black

  1. f7a596
  2. d78f82
  3. b7796e
  4. 99655b
  5. 7c5149
  6. 603d37
  7. 452b26
  8. 2c1a16
  9. 150a08
  10. 030101

Calmer: #f7a596 with less saturation

  1. f7a596
  2. f2a89a
  3. ecaa9e
  4. e7ada2
  5. e1b0a6
  6. dcb2aa
  7. d6b4ae
  8. d0b7b2
  9. cab9b6
  10. c4bbb9