Skip to the color picker
PickShade

#ccb580 color: Tweed Jacket

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

Read as HEX

42°
100%

OKLCH

78%
0.075
87°
  • ≈ Sand
  • Yellow
  • Light
  • Soft
  • Warm
  • olive-400
  • Black 20%

Looks the same on every screen.

White text2.00:1 · Below AALc -43
Black text10.49:1 · AALc 65

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

#ccb580 is a soft light yellow color. In OKLCH it has 78% lightness, 0.075 chroma and a hue of 87°.

Looks the same on every screen.

White text on it reaches 2:1 contrast and black text 10.49: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: #ccb580 mixed with white

  1. ccb580
  2. d1bc8d
  3. d6c49a
  4. dbcba6
  5. e0d2b3
  6. e5dabf
  7. eae1cc
  8. f0e9d9
  9. f5f0e5
  10. faf8f2

Darker: #ccb580 mixed with black

  1. ccb580
  2. b19d6e
  3. 97865d
  4. 7e6f4d
  5. 65593d
  6. 4e442e
  7. 37301f
  8. 221d12
  9. 0f0c06
  10. 020201

Calmer: #ccb580 with less saturation

  1. ccb580
  2. cab586
  3. c8b68c
  4. c6b692
  5. c4b697
  6. c2b69d
  7. c0b7a2
  8. beb7a8
  9. bbb7ad
  10. b9b7b2