Skip to the color picker
PickShade

#ddc86c color: Williams Pear Yellow

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

Read as HEX

49°
100%

OKLCH

83.1%
0.115
97°
  • ≈ Amber
  • Yellow
  • Light
  • Soft
  • Pastel
  • Warm
  • orange-300
  • Black 13%

Looks the same on every screen.

White text1.67:1 · Below AALc -33
Black text12.55:1 · AALc 74

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

#ddc86c is a pastel light yellow color. In OKLCH it has 83.1% lightness, 0.115 chroma and a hue of 97°.

Looks the same on every screen.

White text on it reaches 1.67:1 contrast and black text 12.55:1, so black text reads better.

The closest named color is Williams Pear Yellow (#ddc765). In Tailwind CSS the closest color is orange-300.

More light yellow colors

Lighter: #ddc86c mixed with white

  1. ddc86c
  2. e0ce7d
  3. e4d38c
  4. e7d99b
  5. eadeaa
  6. eee4b9
  7. f1e9c7
  8. f5efd5
  9. f8f4e3
  10. fcfaf1

Darker: #ddc86c mixed with black

  1. ddc86c
  2. c0ae5d
  3. a4944e
  4. 887b40
  5. 6e6332
  6. 554c25
  7. 3d3619
  8. 26210d
  9. 110f04
  10. 020200

Calmer: #ddc86c with less saturation

  1. ddc86c
  2. dbc877
  3. d9c882
  4. d6c88b
  5. d4c895
  6. d2c89e
  7. d0c8a7
  8. cec8af
  9. ccc8b7
  10. cac8c0