Skip to the color picker
PickShade

#f8cc86 color: Facemark

Every format, shade and contrast value for #f8cc86. Drag the picker to explore nearby colors.

Read as HEX

37°
100%

OKLCH

86.8%
0.101
78°
  • ≈ Peach
  • Amber
  • Very light
  • Vivid
  • Pastel
  • Warm
  • orange-200
  • Black 3%

Looks the same on every screen.

White text1.50:1 · Below AALc -27
Black text13.97:1 · AALc 80

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

#f8cc86 is a pastel very light amber color. In OKLCH it has 86.8% lightness, 0.101 chroma and a hue of 78°.

Looks the same on every screen.

White text on it reaches 1.5:1 contrast and black text 13.97:1, so black text reads better.

The closest named color is Facemark (#f7cf89). In Tailwind CSS the closest color is orange-200.

More amber colors

Lighter: #f8cc86 mixed with white

  1. f8cc86
  2. f9d193
  3. fad6a0
  4. fbdcac
  5. fbe1b8
  6. fce6c4
  7. fdebd0
  8. fdf0dc
  9. fef5e8
  10. fffaf3

Darker: #f8cc86 mixed with black

  1. f8cc86
  2. d8b174
  3. b89762
  4. 9a7e51
  5. 7c6540
  6. 604e30
  7. 453721
  8. 2c2213
  9. 150f06
  10. 030201

Calmer: #f8cc86 with less saturation

  1. f8cc86
  2. f4cd8f
  3. f1ce97
  4. edcf9f
  5. ead0a7
  6. e6d0af
  7. e2d1b7
  8. dfd2be
  9. dbd2c5
  10. d7d3cc