Skip to the color picker

#f48556 color: Autumn Sunset

#f48556 is rgb(244, 133, 86) in RGB and oklch(73.03% 0.14926 42.924) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

18°
100%

73%
0.149
43°
  • Orange
  • Light
  • Vivid
  • Warm
  • ≈ Coral
  • orange-400
  • Black 4%

Inside sRGB: displays the same on any screen.

White text
2.52:1Hard to read
Lc -54
Black text
8.34:1Readable · AA
Lc 55

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

#f48556 is a bright light orange color. In OKLCH it has 73% lightness, 0.149 chroma and a hue of 43°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.52:1 contrast and black text 8.34:1, so black text reads better.

The closest named color is Autumn Sunset (#f38554). In Tailwind CSS the closest color is orange-400.

More light orange colors

Lighter: #f48556 mixed with white

  1. f48556
  2. f79268
  3. f99f7a
  4. fbab8b
  5. fdb79b
  6. fec3ac
  7. ffcfbd
  8. ffdbcd
  9. ffe7de
  10. fff3ee

Darker: #f48556 mixed with black

  1. f48556
  2. d4734a
  3. b5613e
  4. 975032
  5. 7a4027
  6. 5e301c
  7. 442112
  8. 2b1308
  9. 140602
  10. 030100

Calmer: #f48556 with less saturation

  1. f48556
  2. ed8a60
  3. e68e69
  4. df9272
  5. d8957a
  6. d19982
  7. c99c8a
  8. c19f92
  9. b9a299
  10. b0a5a0

Questions about #f48556

What color is #f48556?

#f48556 is bright light orange. The closest named color is Autumn Sunset. In RGB it is rgb(244, 133, 86), in HSL hsl(17.85, 87.78%, 64.71%) and in OKLCH oklch(73.03% 0.14926 42.924).

What colors go well with #f48556?

The complementary color of #f48556 is #00bbeb. For a calmer combination use the analogous colors #f67c8d and #e0971b. The triadic partners are #27c48c and #9c9aff.

Is white or black text more readable on #f48556?

Black text reads better on #f48556: white gives a contrast ratio of 2.52:1 and black gives 8.34:1. WCAG AA asks for at least 4.5:1 for body text.

Is #f48556 a warm or cool color?

#f48556 is a warm color. In OKLCH its hue is 43 degrees, its lightness 73% and its chroma 0.149.