Skip to the color picker
PickShade

#fbcd74 color: Grandis

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

Read as HEX

40°
100%

OKLCH

87%
0.119
83°
  • ≈ Mustard
  • Amber
  • Very light
  • Vivid
  • Pastel
  • Warm
  • orange-300
  • Black 2%

Looks the same on every screen.

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

#fbcd74 is a pastel very light amber color. In OKLCH it has 87% lightness, 0.119 chroma and a hue of 83°.

Looks the same on every screen.

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

  1. fbcd74
  2. fcd284
  3. fcd793
  4. fddda1
  5. fde2af
  6. fee7bd
  7. feecca
  8. fef1d8
  9. fff5e5
  10. fffaf2

Darker: #fbcd74 mixed with black

  1. fbcd74
  2. dab264
  3. ba9854
  4. 9c7e45
  5. 7e6637
  6. 614e29
  7. 46381b
  8. 2d230f
  9. 150f05
  10. 030201

Calmer: #fbcd74 with less saturation

  1. fbcd74
  2. f7ce80
  3. f3cf8b
  4. f0d095
  5. ecd19f
  6. e8d1a8
  7. e4d2b1
  8. e0d3ba
  9. dcd3c3
  10. d8d4cc