Skip to the color picker
PickShade

#ffcc6e color: Grandis

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

Read as HEX

39°
100%

OKLCH

87.2%
0.126
81°
  • ≈ Mustard
  • Amber
  • Very light
  • Vivid
  • Pastel
  • Warm
  • orange-300
  • Black 0%

Looks the same on every screen.

White text1.49:1 · Below AALc -26
Black text14.11: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 #ffcc6e

#ffcc6e is a pastel very light amber color. In OKLCH it has 87.2% lightness, 0.126 chroma and a hue of 81°.

Looks the same on every screen.

White text on it reaches 1.49:1 contrast and black text 14.11: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: #ffcc6e mixed with white

  1. ffcc6e
  2. ffd17f
  3. ffd78f
  4. ffdc9e
  5. ffe1ac
  6. ffe6bb
  7. ffebc9
  8. fff0d6
  9. fff5e4
  10. fffaf2

Darker: #ffcc6e mixed with black

  1. ffcc6e
  2. deb15f
  3. be9750
  4. 9e7e41
  5. 806533
  6. 634e26
  7. 483719
  8. 2e220e
  9. 160f04
  10. 030201

Calmer: #ffcc6e with less saturation

  1. ffcc6e
  2. fbcd7b
  3. f7ce87
  4. f3cf92
  5. eed09c
  6. ead1a6
  7. e6d2b0
  8. e2d3b9
  9. ddd3c3
  10. d9d4cc