Skip to the color picker

#af5050 color: Fortune Red

#af5050 is rgb(175, 80, 80) in RGB and oklch(55.128% 0.12474 22.001) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

0°
100%

55.1%
0.125
22°
  • Red
  • Medium
  • Soft
  • Warm
  • ≈ Marsala
  • amber-700
  • Black 31%

Inside sRGB: displays the same on any screen.

White text
5.14:1Readable · AA
Lc -80
Black text
4.09: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 #af5050

#af5050 is a soft red color. In OKLCH it has 55.1% lightness, 0.125 chroma and a hue of 22°.

Inside sRGB: displays the same on any screen.

White text on it reaches 5.14:1 contrast and black text 4.09: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: #af5050 mixed with white

  1. af5050
  2. b96260
  3. c27371
  4. cb8482
  5. d39693
  6. dba7a4
  7. e3b8b6
  8. ebcac8
  9. f2dbda
  10. f9edec

Darker: #af5050 mixed with black

  1. af5050
  2. 984444
  3. 813939
  4. 6b2e2e
  5. 562424
  6. 411a1a
  7. 2e1010
  8. 1c0707
  9. 0b0202
  10. 010000

Calmer: #af5050 with less saturation

  1. af5050
  2. aa5454
  3. a45957
  4. 9f5c5b
  5. 99605e
  6. 936361
  7. 8d6765
  8. 876a68
  9. 806c6b
  10. 796f6f

Similar named colors

Colors that go with #af5050

Complementary
#af5050#00848e
Analogous
#af5050#a75079#a95920
Triadic
#af5050#42843c#4870ba
Split
#af5050#008869#007dae

Questions about #af5050

What color is #af5050?

#af5050 is soft red. The closest named color is Fortune Red. In RGB it is rgb(175, 80, 80), in HSL hsl(0, 37.25%, 50%) and in OKLCH oklch(55.128% 0.12474 22.001).

What colors go well with #af5050?

The complementary color of #af5050 is #00848e. For a calmer combination use the analogous colors #a75079 and #a95920. The triadic partners are #42843c and #4870ba.

Is white or black text more readable on #af5050?

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

Is #af5050 a warm or cool color?

#af5050 is a warm color. In OKLCH its hue is 22 degrees, its lightness 55.1% and its chroma 0.125.