Skip to the color picker
PickShade

#ffd396 color: Whipped Apricot

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

Read as HEX

35°
100%

OKLCH

89.1%
0.092
75°
  • ≈ Peach
  • Amber
  • Very light
  • Vivid
  • Pastel
  • Warm
  • orange-200
  • Black 0%

Looks the same on every screen.

White text1.40:1 · Below AALc -22
Black text15.01:1 · AALc 84

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

#ffd396 is a pastel very light amber color. In OKLCH it has 89.1% lightness, 0.092 chroma and a hue of 75°.

Looks the same on every screen.

White text on it reaches 1.4:1 contrast and black text 15.01:1, so black text reads better.

The closest named color is Whipped Apricot (#ffd299). In Tailwind CSS the closest color is orange-200.

More amber colors

Lighter: #ffd396 mixed with white

  1. ffd396
  2. ffd8a1
  3. ffdcac
  4. ffe1b7
  5. ffe5c1
  6. ffe9cc
  7. ffeed6
  8. fff2e0
  9. fff6eb
  10. fffbf5

Darker: #ffd396 mixed with black

  1. ffd396
  2. deb782
  3. be9c6e
  4. 9e825b
  5. 806949
  6. 635137
  7. 483a26
  8. 2e2416
  9. 161008
  10. 030201

Calmer: #ffd396 with less saturation

  1. ffd396
  2. fcd49e
  3. f8d5a5
  4. f4d6ac
  5. f1d7b3
  6. edd7ba
  7. ead8c1
  8. e6d9c7
  9. e2dace
  10. dfdad4