Skip to the color picker
PickShade

#dbc676 color: Grassroots

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

Read as HEX

48°
100%

OKLCH

82.7%
0.103
95°
  • ≈ Tan
  • Yellow
  • Light
  • Soft
  • Pastel
  • Warm
  • orange-300
  • Black 14%

Looks the same on every screen.

White text1.70:1 · Below AALc -34
Black text12.35:1 · AALc 73

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

#dbc676 is a pastel light yellow color. In OKLCH it has 82.7% lightness, 0.103 chroma and a hue of 95°.

Looks the same on every screen.

White text on it reaches 1.7:1 contrast and black text 12.35:1, so black text reads better.

The closest named color is Grassroots (#d8c475). In Tailwind CSS the closest color is orange-300.

More light yellow colors

Lighter: #dbc676 mixed with white

  1. dbc676
  2. dfcc85
  3. e2d293
  4. e6d7a1
  5. e9ddaf
  6. ede3bc
  7. f0e8ca
  8. f4eed7
  9. f8f4e4
  10. fbf9f2

Darker: #dbc676 mixed with black

  1. dbc676
  2. beac66
  3. a29256
  4. 877a47
  5. 6d6238
  6. 544b29
  7. 3c351c
  8. 26210f
  9. 110e05
  10. 020201

Calmer: #dbc676 with less saturation

  1. dbc676
  2. d9c67f
  3. d7c688
  4. d5c691
  5. d3c799
  6. d0c7a1
  7. cec7a9
  8. ccc7b0
  9. cac6b8
  10. c8c6bf