Skip to the color picker
PickShade

#af8074 color: Crushed Clay

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

Read as HEX

12°
100%

OKLCH

64.3%
0.061
35°
  • ≈ Copper
  • Red
  • Medium
  • Muted
  • Dusty
  • Warm
  • stone-400
  • Black 31%

Looks the same on every screen.

White text3.41:1 · Below AALc -67
Black text6.16:1 · AALc 43

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

#af8074 is a dusty red color. In OKLCH it has 64.3% lightness, 0.061 chroma and a hue of 35°.

Looks the same on every screen.

White text on it reaches 3.41:1 contrast and black text 6.16:1, so white text reads better.

The closest named color is Crushed Clay (#ae7f71). In Tailwind CSS the closest color is stone-400.

More medium red colors

Lighter: #af8074 mixed with white

  1. af8074
  2. b78c81
  3. bf988e
  4. c8a59c
  5. d0b1aa
  6. d8beb7
  7. e0cbc5
  8. e7d8d4
  9. efe5e2
  10. f7f2f0

Darker: #af8074 mixed with black

  1. af8074
  2. 986e64
  3. 815d54
  4. 6b4d45
  5. 563d37
  6. 412e29
  7. 2e1f1b
  8. 1c120f
  9. 0b0605
  10. 010101

Calmer: #af8074 with less saturation

  1. af8074
  2. ac8177
  3. a98379
  4. a5847c
  5. a2867e
  6. 9f8781
  7. 9b8883
  8. 988986
  9. 948b88
  10. 918c8a