Skip to the color picker

#af504a color: Fortune Red

#af504a is rgb(175, 80, 74) in RGB and oklch(55.004% 0.1256 25.665) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

4°
100%

55%
0.126
26°
  • Red
  • Medium
  • Soft
  • Warm
  • ≈ Sienna
  • 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 #af504a

#af504a is a soft red color. In OKLCH it has 55% lightness, 0.126 chroma and a hue of 26°.

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: #af504a mixed with white

  1. af504a
  2. b9625b
  3. c2736c
  4. cb847e
  5. d3968f
  6. dba7a1
  7. e3b8b3
  8. ebcac6
  9. f2dbd9
  10. f9edec

Darker: #af504a mixed with black

  1. af504a
  2. 98443f
  3. 813935
  4. 6b2e2a
  5. 562420
  6. 411a17
  7. 2e100e
  8. 1c0706
  9. 0b0202
  10. 010000

Calmer: #af504a with less saturation

  1. af504a
  2. aa544e
  3. a45953
  4. 9f5c57
  5. 99605b
  6. 93635f
  7. 8d6662
  8. 866966
  9. 806c6a
  10. 796f6e

Similar named colors

Colors that go with #af504a

Complementary
#af504a#008392
Analogous
#af504a#a94f74#a85b16
Triadic
#af504a#398441#4e6ebb
Split
#af504a#00886e#007bb0

Questions about #af504a

What color is #af504a?

#af504a is soft red. The closest named color is Fortune Red. In RGB it is rgb(175, 80, 74), in HSL hsl(3.56, 40.56%, 48.82%) and in OKLCH oklch(55.004% 0.1256 25.665).

What colors go well with #af504a?

The complementary color of #af504a is #008392. For a calmer combination use the analogous colors #a94f74 and #a85b16. The triadic partners are #398441 and #4e6ebb.

Is white or black text more readable on #af504a?

White text reads better on #af504a: 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 #af504a a warm or cool color?

#af504a is a warm color. In OKLCH its hue is 26 degrees, its lightness 55% and its chroma 0.126.