Skip to the color picker
PickShade

#ffbc76 color: Nouveau-Riche

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

Read as HEX

31°
100%

OKLCH

84.3%
0.116
66°
  • ≈ Peach
  • Amber
  • Light
  • Vivid
  • Pastel
  • Warm
  • orange-300
  • Black 0%

Looks the same on every screen.

White text1.65:1 · Below AALc -32
Black text12.71:1 · AALc 75

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

#ffbc76 is a pastel light amber color. In OKLCH it has 84.3% lightness, 0.116 chroma and a hue of 66°.

Looks the same on every screen.

White text on it reaches 1.65:1 contrast and black text 12.71:1, so black text reads better.

The closest named color is Nouveau-Riche (#ffbb77). In Tailwind CSS the closest color is orange-300.

More light amber colors

Lighter: #ffbc76 mixed with white

  1. ffbc76
  2. ffc385
  3. ffca93
  4. ffd1a1
  5. ffd7af
  6. ffdebd
  7. ffe5ca
  8. ffebd7
  9. fff2e5
  10. fff9f2

Darker: #ffbc76 mixed with black

  1. ffbc76
  2. dea366
  3. be8b56
  4. 9e7347
  5. 805d38
  6. 634729
  7. 48321c
  8. 2e1f0f
  9. 160d05
  10. 030201

Calmer: #ffbc76 with less saturation

  1. ffbc76
  2. fabe80
  3. f5c089
  4. f0c193
  5. ebc39b
  6. e6c5a4
  7. e1c6ac
  8. dcc7b4
  9. d6c9bc
  10. d1cac4