Skip to the color picker
PickShade

#ccb684 color: Tweed Jacket

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

Read as HEX

42°
100%

OKLCH

78.3%
0.071
87°
  • ≈ Tan
  • Yellow
  • Light
  • Soft
  • Warm
  • olive-400
  • Black 20%

Looks the same on every screen.

White text1.98:1 · Below AALc -43
Black text10.59:1 · AALc 66

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

#ccb684 is a soft light yellow color. In OKLCH it has 78.3% lightness, 0.071 chroma and a hue of 87°.

Looks the same on every screen.

White text on it reaches 1.98:1 contrast and black text 10.59:1, so black text reads better.

The closest named color is Tweed Jacket (#ccb586). In Tailwind CSS the closest color is olive-400.

More light yellow colors

Lighter: #ccb684 mixed with white

  1. ccb684
  2. d1bd90
  3. d6c49d
  4. dbcca9
  5. e0d3b5
  6. e5dac1
  7. eae2ce
  8. f0e9da
  9. f5f0e6
  10. faf8f3

Darker: #ccb684 mixed with black

  1. ccb684
  2. b19e72
  3. 978660
  4. 7e6f4f
  5. 65593f
  6. 4e442f
  7. 373020
  8. 221d12
  9. 0f0c06
  10. 020201

Calmer: #ccb684 with less saturation

  1. ccb684
  2. cab68a
  3. c8b78f
  4. c6b795
  5. c4b79a
  6. c2b79f
  7. c0b8a4
  8. beb8a9
  9. bcb8ae
  10. bab8b3