Skip to the color picker
PickShade

#f2b686 color: Camel Hair Coat

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

Read as HEX

27°
100%

OKLCH

82.1%
0.094
60°
  • ≈ Tan
  • Orange
  • Light
  • Vivid
  • Pastel
  • Warm
  • orange-300
  • Black 5%

Looks the same on every screen.

White text1.78:1 · Below AALc -37
Black text11.81:1 · AALc 71

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

#f2b686 is a pastel light orange color. In OKLCH it has 82.1% lightness, 0.094 chroma and a hue of 60°.

Looks the same on every screen.

White text on it reaches 1.78:1 contrast and black text 11.81:1, so black text reads better.

The closest named color is Camel Hair Coat (#f5b784). In Tailwind CSS the closest color is orange-300.

More light orange colors

Lighter: #f2b686 mixed with white

  1. f2b686
  2. f4bd92
  3. f5c59f
  4. f7ccab
  5. f8d3b7
  6. fadbc3
  7. fbe2cf
  8. fce9db
  9. fdf1e7
  10. fef8f3

Darker: #f2b686 mixed with black

  1. f2b686
  2. d29e74
  3. b48662
  4. 966f51
  5. 795940
  6. 5e4430
  7. 433021
  8. 2b1d13
  9. 140c06
  10. 030201

Calmer: #f2b686 with less saturation

  1. f2b686
  2. eeb88d
  3. e9b993
  4. e5bb9a
  5. e1bca0
  6. dcbea6
  7. d7bfad
  8. d3c0b3
  9. cec2b8
  10. c9c3be