Skip to the color picker
PickShade

#dfc587 color: 24 Karat

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

Read as HEX

42°
100%

OKLCH

83.1%
0.085
88°
  • ≈ Tan
  • Yellow
  • Light
  • Soft
  • Pastel
  • Warm
  • orange-300
  • Black 13%

Looks the same on every screen.

White text1.68:1 · Below AALc -34
Black text12.47: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 #dfc587

#dfc587 is a pastel light yellow color. In OKLCH it has 83.1% lightness, 0.085 chroma and a hue of 88°.

Looks the same on every screen.

White text on it reaches 1.68:1 contrast and black text 12.47: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: #dfc587 mixed with white

  1. dfc587
  2. e2cb93
  3. e5d1a0
  4. e9d7ac
  5. ecdcb8
  6. efe2c4
  7. f2e8d0
  8. f5eedb
  9. f9f3e7
  10. fcf9f3

Darker: #dfc587 mixed with black

  1. dfc587
  2. c2ab75
  3. a59263
  4. 8a7951
  5. 6f6141
  6. 564b31
  7. 3d3521
  8. 272113
  9. 120e06
  10. 020201

Calmer: #dfc587 with less saturation

  1. dfc587
  2. ddc58e
  3. dac695
  4. d8c69c
  5. d6c6a2
  6. d3c7a9
  7. d1c7af
  8. cfc7b5
  9. ccc7bc
  10. cac7c2