Skip to the color picker
PickShade

#ccb787 color: Tweed Jacket

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

Read as HEX

42°
100%

OKLCH

78.6%
0.068
87°
  • ≈ Tan
  • Yellow
  • Light
  • Soft
  • Warm
  • olive-400
  • Black 20%

Looks the same on every screen.

White text1.96:1 · Below AALc -42
Black text10.69: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 #ccb787

#ccb787 is a soft light yellow color. In OKLCH it has 78.6% lightness, 0.068 chroma and a hue of 87°.

Looks the same on every screen.

White text on it reaches 1.96:1 contrast and black text 10.69: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: #ccb787 mixed with white

  1. ccb787
  2. d1be93
  3. d6c59f
  4. dbccab
  5. e0d4b7
  6. e5dbc3
  7. eae2cf
  8. f0e9db
  9. f5f0e7
  10. faf8f3

Darker: #ccb787 mixed with black

  1. ccb787
  2. b19f75
  3. 978763
  4. 7e7051
  5. 655a41
  6. 4e4531
  7. 373121
  8. 221e13
  9. 0f0c06
  10. 020201

Calmer: #ccb787 with less saturation

  1. ccb787
  2. cab78c
  3. c8b892
  4. c6b897
  5. c4b89c
  6. c3b8a1
  7. c1b8a6
  8. bfb9ab
  9. bdb9b0
  10. bbb9b4