Skip to the color picker
PickShade

#ddc787 color: 24 Karat

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

Read as HEX

45°
100%

OKLCH

83.3%
0.086
91°
  • ≈ Tan
  • Yellow
  • Light
  • Soft
  • Pastel
  • Warm
  • orange-300
  • Black 13%

Looks the same on every screen.

White text1.67:1 · Below AALc -33
Black text12.59:1 · AALc 75

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

#ddc787 is a pastel light yellow color. In OKLCH it has 83.3% lightness, 0.086 chroma and a hue of 91°.

Looks the same on every screen.

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

The closest named color is 24 Karat (#dfc685). In Tailwind CSS the closest color is orange-300.

More light yellow colors

Lighter: #ddc787 mixed with white

  1. ddc787
  2. e0cd93
  3. e4d2a0
  4. e7d8ac
  5. ebdeb8
  6. eee3c4
  7. f1e9d0
  8. f5eedc
  9. f8f4e7
  10. fcf9f3

Darker: #ddc787 mixed with black

  1. ddc787
  2. c0ad75
  3. a49363
  4. 887a51
  5. 6e6241
  6. 554c31
  7. 3d3621
  8. 262113
  9. 110e06
  10. 020201

Calmer: #ddc787 with less saturation

  1. ddc787
  2. dbc78e
  3. d9c895
  4. d7c89c
  5. d5c8a3
  6. d3c8a9
  7. d1c8b0
  8. cec8b6
  9. ccc8bc
  10. cac8c2