Skip to the color picker

#af504c color: Fortune Red

#af504c is rgb(175, 80, 76) in RGB and oklch(55.044% 0.12527 24.464) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

2°
100%

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

Inside sRGB: displays the same on any screen.

White text
5.15: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 #af504c

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

Inside sRGB: displays the same on any screen.

White text on it reaches 5.15: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: #af504c mixed with white

  1. af504c
  2. b9625d
  3. c2736e
  4. cb847f
  5. d39690
  6. dba7a2
  7. e3b8b4
  8. ebcac7
  9. f2dbd9
  10. f9edec

Darker: #af504c mixed with black

  1. af504c
  2. 984441
  3. 813936
  4. 6b2e2c
  5. 562422
  6. 411a18
  7. 2e100f
  8. 1c0706
  9. 0b0202
  10. 010000

Calmer: #af504c with less saturation

  1. af504c
  2. aa5450
  3. a45954
  4. 9f5c58
  5. 99605c
  6. 93635f
  7. 8d6763
  8. 876a67
  9. 806c6a
  10. 796f6e

Similar named colors

Colors that go with #af504c

Complementary
#af504c#008490
Analogous
#af504c#a84f76#a85a1a
Triadic
#af504c#3c843f#4c6eba
Split
#af504c#00886d#007caf

Questions about #af504c

What color is #af504c?

#af504c is soft red. The closest named color is Fortune Red. In RGB it is rgb(175, 80, 76), in HSL hsl(2.42, 39.44%, 49.22%) and in OKLCH oklch(55.044% 0.12527 24.464).

What colors go well with #af504c?

The complementary color of #af504c is #008490. For a calmer combination use the analogous colors #a84f76 and #a85a1a. The triadic partners are #3c843f and #4c6eba.

Is white or black text more readable on #af504c?

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

Is #af504c a warm or cool color?

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