Skip to the color picker
PickShade

#ffc657 color: After Shock

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

Read as HEX

40°
100%

OKLCH

85.8%
0.142
81°
  • ≈ Amber
  • Amber
  • Very light
  • Vivid
  • Warm
  • orange-300
  • Black 0%

Looks the same on every screen.

White text1.56:1 · Below AALc -29
Black text13.47:1 · AALc 78

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

#ffc657 is a bright very light amber color. In OKLCH it has 85.8% lightness, 0.142 chroma and a hue of 81°.

Looks the same on every screen.

White text on it reaches 1.56:1 contrast and black text 13.47:1, so black text reads better.

The closest named color is After Shock (#fec65f). In Tailwind CSS the closest color is orange-300.

More amber colors

Lighter: #ffc657 mixed with white

  1. ffc657
  2. ffcc6c
  3. ffd27f
  4. ffd891
  5. ffdea2
  6. ffe4b2
  7. ffe9c2
  8. ffefd1
  9. fff4e1
  10. fffaf0

Darker: #ffc657 mixed with black

  1. ffc657
  2. deac4b
  3. be923e
  4. 9e7a33
  5. 806227
  6. 634b1c
  7. 483512
  8. 2e2108
  9. 160e03
  10. 030200

Calmer: #ffc657 with less saturation

  1. ffc657
  2. fac768
  3. f6c976
  4. f1ca84
  5. edcb90
  6. e8cc9c
  7. e3cda7
  8. dfceb1
  9. dacfbc
  10. d5cfc6