Skip to the color picker
PickShade

#ffe886 color: Quack Quack

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

Read as HEX

49°
100%

OKLCH

92.9%
0.121
96°
  • ≈ Khaki
  • Yellow
  • Very light
  • Vivid
  • Pastel
  • Warm
  • amber-200
  • Black 0%

Looks the same on every screen.

White text1.23:1 · Below AALc -13
Black text17.14:1 · AALc 93

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

#ffe886 is a pastel very light yellow color. In OKLCH it has 92.9% lightness, 0.121 chroma and a hue of 96°.

Looks the same on every screen.

White text on it reaches 1.23:1 contrast and black text 17.14:1, so black text reads better.

The closest named color is Quack Quack (#ffe989). In Tailwind CSS the closest color is amber-200.

More very light yellow colors

Lighter: #ffe886 mixed with white

  1. ffe886
  2. ffeb94
  3. ffeda1
  4. ffefae
  5. fff2ba
  6. fff4c6
  7. fff6d2
  8. fff9dd
  9. fffbe9
  10. fffdf4

Darker: #ffe886 mixed with black

  1. ffe886
  2. deca74
  3. beac62
  4. 9e9051
  5. 807440
  6. 635930
  7. 484021
  8. 2e2913
  9. 161306
  10. 030301

Calmer: #ffe886 with less saturation

  1. ffe886
  2. fde892
  3. fae89d
  4. f8e8a7
  5. f5e8b1
  6. f3e8bb
  7. f1e8c4
  8. eee8cd
  9. ece8d6
  10. eae8df