Skip to the color picker

#fbae6d color: Orange Marmalade

#fbae6d is rgb(251, 174, 109) in RGB and oklch(81.156% 0.12169 60.014) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

27°
100%

81.2%
0.122
60°
  • Orange
  • Light
  • Vivid
  • Pastel
  • Warm
  • ≈ Orange
  • orange-300
  • Black 2%

Inside sRGB: displays the same on any screen.

White text
1.85:1Hard to read
Lc -39
Black text
11.38:1Readable · AA
Lc 69

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

#fbae6d is a pastel light orange color. In OKLCH it has 81.2% lightness, 0.122 chroma and a hue of 60°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.85:1 contrast and black text 11.38: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: #fbae6d mixed with white

  1. fbae6d
  2. fcb67d
  3. fdbf8c
  4. fec79b
  5. ffcfaa
  6. ffd7b8
  7. ffdfc6
  8. ffe7d5
  9. ffefe3
  10. fff7f1

Darker: #fbae6d mixed with black

  1. fbae6d
  2. da975e
  3. ba804f
  4. 9c6a41
  5. 7e5533
  6. 614126
  7. 462e19
  8. 2d1c0d
  9. 150b04
  10. 030101

Calmer: #fbae6d with less saturation

  1. fbae6d
  2. f6b077
  3. f0b380
  4. ebb589
  5. e5b792
  6. e0b99a
  7. dabba2
  8. d4bcaa
  9. cebeb2
  10. c8c0ba

Questions about #fbae6d

What color is #fbae6d?

#fbae6d is pastel light orange. The closest named color is Orange Marmalade. In RGB it is rgb(251, 174, 109), in HSL hsl(27.46, 94.67%, 70.59%) and in OKLCH oklch(81.156% 0.12169 60.014).

What colors go well with #fbae6d?

The complementary color of #fbae6d is #72ccff. For a calmer combination use the analogous colors #ffa392 and #e0be5e. The triadic partners are #54dbc4 and #cdafff.

Is white or black text more readable on #fbae6d?

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

Is #fbae6d a warm or cool color?

#fbae6d is a warm color. In OKLCH its hue is 60 degrees, its lightness 81.2% and its chroma 0.122.