Skip to the color picker

#faab6c color: Orange Marmalade

#faab6c is rgb(250, 171, 108) in RGB and oklch(80.493% 0.12229 58.422) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

27°
100%

80.5%
0.122
58°
  • Orange
  • Light
  • Vivid
  • Warm
  • ≈ Orange
  • orange-300
  • Black 2%

Inside sRGB: displays the same on any screen.

White text
1.89:1Hard to read
Lc -40
Black text
11.11:1Readable · AA
Lc 68

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

#faab6c is a bright light orange color. In OKLCH it has 80.5% lightness, 0.122 chroma and a hue of 58°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.89:1 contrast and black text 11.11: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: #faab6c mixed with white

  1. faab6c
  2. fbb47c
  3. fcbc8b
  4. fdc59a
  5. fecda9
  6. ffd6b7
  7. ffdec6
  8. ffe6d4
  9. ffefe2
  10. fff7f1

Darker: #faab6c mixed with black

  1. faab6c
  2. d9945d
  3. ba7e4e
  4. 9b6840
  5. 7d5432
  6. 614025
  7. 462d19
  8. 2d1b0d
  9. 150b04
  10. 030100

Calmer: #faab6c with less saturation

  1. faab6c
  2. f5ad76
  3. efb07f
  4. eab288
  5. e4b490
  6. deb699
  7. d8b8a1
  8. d2baa9
  9. ccbcb0
  10. c6beb8

Questions about #faab6c

What color is #faab6c?

#faab6c is bright light orange. The closest named color is Orange Marmalade. In RGB it is rgb(250, 171, 108), in HSL hsl(26.62, 93.42%, 70.2%) and in OKLCH oklch(80.493% 0.12229 58.422).

What colors go well with #faab6c?

The complementary color of #faab6c is #6ccaff. For a calmer combination use the analogous colors #ffa092 and #e0bb5b. The triadic partners are #53d9c0 and #c9aeff.

Is white or black text more readable on #faab6c?

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

Is #faab6c a warm or cool color?

#faab6c is a warm color. In OKLCH its hue is 58 degrees, its lightness 80.5% and its chroma 0.122.