Skip to the color picker

#af504b color: Fortune Red

#af504b is rgb(175, 80, 75) in RGB and oklch(55.024% 0.12543 25.067) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

3°
100%

55%
0.125
25°
  • Red
  • Medium
  • Soft
  • Warm
  • ≈ Marsala
  • amber-700
  • Black 31%

Inside sRGB: displays the same on any screen.

White text
5.16:1Readable · AA
Lc -80
Black text
4.07:1Hard to read
Lc 29

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

#af504b is a soft red color. In OKLCH it has 55% lightness, 0.125 chroma and a hue of 25°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Fortune Red (#b0534d). In Tailwind CSS the closest color is amber-700.

More medium red colors

Lighter: #af504b mixed with white

  1. af504b
  2. b9625c
  3. c2736d
  4. cb847e
  5. d39690
  6. dba7a2
  7. e3b8b4
  8. ebcac6
  9. f2dbd9
  10. f9edec

Darker: #af504b mixed with black

  1. af504b
  2. 984440
  3. 813935
  4. 6b2e2b
  5. 562421
  6. 411a17
  7. 2e100e
  8. 1c0706
  9. 0b0202
  10. 010000

Calmer: #af504b with less saturation

  1. af504b
  2. aa544f
  3. a45953
  4. 9f5c57
  5. 99605b
  6. 93635f
  7. 8d6763
  8. 866967
  9. 806c6a
  10. 796f6e

Similar named colors

Colors that go with #af504b

Complementary
#af504b#008391
Analogous
#af504b#a84f75#a85a18
Triadic
#af504b#3b8440#4d6ebb
Split
#af504b#00886d#007bb0

Questions about #af504b

What color is #af504b?

#af504b is soft red. The closest named color is Fortune Red. In RGB it is rgb(175, 80, 75), in HSL hsl(3, 40%, 49.02%) and in OKLCH oklch(55.024% 0.12543 25.067).

What colors go well with #af504b?

The complementary color of #af504b is #008391. For a calmer combination use the analogous colors #a84f75 and #a85a18. The triadic partners are #3b8440 and #4d6ebb.

Is white or black text more readable on #af504b?

White text reads better on #af504b: white gives a contrast ratio of 5.16:1 and black gives 4.07:1. WCAG AA asks for at least 4.5:1 for body text.

Is #af504b a warm or cool color?

#af504b is a warm color. In OKLCH its hue is 25 degrees, its lightness 55% and its chroma 0.125.