Skip to the color picker
PickShade

#fccd76 color: Grandis

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

Read as HEX

39°
100%

OKLCH

87.2%
0.118
82°
  • ≈ Mustard
  • Amber
  • Very light
  • Vivid
  • Pastel
  • Warm
  • orange-300
  • Black 1%

Looks the same on every screen.

White text1.49:1 · Below AALc -26
Black text14.13:1 · AALc 81

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

#fccd76 is a pastel very light amber color. In OKLCH it has 87.2% lightness, 0.118 chroma and a hue of 82°.

Looks the same on every screen.

White text on it reaches 1.49:1 contrast and black text 14.13:1, so black text reads better.

The closest named color is Grandis (#ffcd73). In Tailwind CSS the closest color is orange-300.

More amber colors

Lighter: #fccd76 mixed with white

  1. fccd76
  2. fdd285
  3. fdd794
  4. fddda2
  5. fee2b0
  6. fee7be
  7. feeccb
  8. fff1d8
  9. fff5e5
  10. fffaf2

Darker: #fccd76 mixed with black

  1. fccd76
  2. dbb266
  3. bb9856
  4. 9c7e47
  5. 7e6638
  6. 624e29
  7. 47381c
  8. 2d230f
  9. 160f05
  10. 030201

Calmer: #fccd76 with less saturation

  1. fccd76
  2. f8ce81
  3. f4cf8c
  4. f0d096
  5. edd1a0
  6. e9d2a9
  7. e5d2b2
  8. e1d3bb
  9. ddd4c4
  10. d9d4cc