Skip to the color picker
PickShade

#ccc286 color: Fiddlehead Fern

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

Read as HEX

51°
100%

OKLCH

80.8%
0.079
100°
  • ≈ Tan
  • Yellow
  • Light
  • Soft
  • Warm
  • orange-300
  • Black 20%

Looks the same on every screen.

White text1.81:1 · Below AALc -38
Black text11.63:1 · AALc 70

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

#ccc286 is a soft light yellow color. In OKLCH it has 80.8% lightness, 0.079 chroma and a hue of 100°.

Looks the same on every screen.

White text on it reaches 1.81:1 contrast and black text 11.63:1, so black text reads better.

The closest named color is Fiddlehead Fern (#c8c387). In Tailwind CSS the closest color is orange-300.

More light yellow colors

Lighter: #ccc286 mixed with white

  1. ccc286
  2. d1c892
  3. d6ce9f
  4. dbd4ab
  5. e0dab7
  6. e5e0c3
  7. eae7cf
  8. efeddb
  9. f5f3e7
  10. faf9f3

Darker: #ccc286 mixed with black

  1. ccc286
  2. b1a874
  3. 978f62
  4. 7e7751
  5. 656040
  6. 4e4930
  7. 373421
  8. 222013
  9. 0f0e06
  10. 020201

Calmer: #ccc286 with less saturation

  1. ccc286
  2. cbc28c
  3. cac293
  4. c8c299
  5. c7c29f
  6. c6c1a4
  7. c5c1aa
  8. c4c1b0
  9. c2c1b5
  10. c1c0bb