Skip to the color picker

#faaf76 color: Orange Marmalade

#faaf76 is rgb(250, 175, 118) in RGB and oklch(81.36% 0.11437 57.522) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

26°
100%

81.4%
0.114
58°
  • Orange
  • Light
  • Vivid
  • Pastel
  • Warm
  • ≈ Tan
  • orange-300
  • Black 2%

Inside sRGB: displays the same on any screen.

White text
1.83:1Hard to read
Lc -38
Black text
11.46:1Readable · AA
Lc 70

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

#faaf76 is a pastel light orange color. In OKLCH it has 81.4% lightness, 0.114 chroma and a hue of 58°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.83:1 contrast and black text 11.46:1, so black text reads better.

The closest named color is Orange Marmalade (#faac72). In Tailwind CSS the closest color is orange-300.

More light orange colors

Lighter: #faaf76 mixed with white

  1. faaf76
  2. fbb785
  3. fcbf93
  4. fdc8a1
  5. fed0ae
  6. fed8bc
  7. ffe0c9
  8. ffe7d7
  9. ffefe4
  10. fff7f2

Darker: #faaf76 mixed with black

  1. faaf76
  2. d99866
  3. ba8156
  4. 9b6b47
  5. 7d5638
  6. 614129
  7. 462e1c
  8. 2d1c0f
  9. 150b05
  10. 030101

Calmer: #faaf76 with less saturation

  1. faaf76
  2. f5b17f
  3. f0b387
  4. eab68f
  5. e5b897
  6. dfba9e
  7. dabba6
  8. d4bdad
  9. cebfb4
  10. c8c0bb

Questions about #faaf76

What color is #faaf76?

#faaf76 is pastel light orange. The closest named color is Orange Marmalade. In RGB it is rgb(250, 175, 118), in HSL hsl(25.91, 92.96%, 72.16%) and in OKLCH oklch(81.36% 0.11437 57.522).

What colors go well with #faaf76?

The complementary color of #faaf76 is #75cdff. For a calmer combination use the analogous colors #ffa599 and #e1be66. The triadic partners are #62dac1 and #cab2ff.

Is white or black text more readable on #faaf76?

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

Is #faaf76 a warm or cool color?

#faaf76 is a warm color. In OKLCH its hue is 58 degrees, its lightness 81.4% and its chroma 0.114.