Skip to the color picker
PickShade

#ffcc74 color: Grandis

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

Read as HEX

38°
100%

OKLCH

87.2%
0.121
80°
  • ≈ 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.14: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 #ffcc74

#ffcc74 is a pastel very light amber color. In OKLCH it has 87.2% lightness, 0.121 chroma and a hue of 80°.

Looks the same on every screen.

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

  1. ffcc74
  2. ffd184
  3. ffd793
  4. ffdca1
  5. ffe1af
  6. ffe6bd
  7. ffebca
  8. fff0d8
  9. fff5e5
  10. fffaf2

Darker: #ffcc74 mixed with black

  1. ffcc74
  2. deb164
  3. be9754
  4. 9e7e45
  5. 806537
  6. 634e29
  7. 48371b
  8. 2e220f
  9. 160f05
  10. 030201

Calmer: #ffcc74 with less saturation

  1. ffcc74
  2. fbcd80
  3. f7ce8b
  4. f3cf95
  5. efd09f
  6. ead1a9
  7. e6d2b2
  8. e2d3bb
  9. ded4c4
  10. d9d4cc