Skip to the color picker

Wheat color: #f5deb3

Wheat is #f5deb3, rgb(245, 222, 179) in RGB and oklch(90.883% 0.0615 83.033) in OKLCH. Every other format, shades, matching colors and palettes are below.

Read as HEX

39°
100%

90.9%
0.061
83°
  • Beige
  • Very light
  • Soft
  • Pastel
  • Warm
  • orange-200
  • Black 4%

Inside sRGB: displays the same on any screen.

White text
1.31:1Hard to read
Lc -18
Black text
15.98:1Readable · AA
Lc 88

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

Palettes with Wheat

Similar named colors

Questions about Wheat

What is the hex code for Wheat?

The hex code for Wheat is #f5deb3. In RGB it is rgb(245, 222, 179), in HSL hsl(39.09, 76.74%, 83.14%) and in OKLCH oklch(90.883% 0.0615 83.033).

What colors go well with Wheat?

Its complementary color is #cce2ff. For a calmer look, pair it with the analogous colors #ffd7bc and #e0e6b7. Ready palettes with Wheat are shown on this page.

Is Wheat a warm or cool color?

Wheat is a warm color with an OKLCH hue of 83 degrees.

What text color is readable on Wheat?

Black text is more readable on Wheat: white gives a contrast ratio of 1.31:1 and black gives 15.98:1. WCAG AA asks for at least 4.5:1 for body text.

About #f5deb3

#f5deb3 is a pastel very light beige color. In OKLCH it has 90.9% lightness, 0.061 chroma and a hue of 83°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.31:1 contrast and black text 15.98:1, so black text reads better.

The closest named color is Gruyère Cheese (#f5deb3). In Tailwind CSS the closest color is orange-200.

More very light beige colors

Lighter: #f5deb3 mixed with white

  1. f5deb3

Darker: #f5deb3 mixed with black

  1. f5deb3

Calmer: #f5deb3 with less saturation

  1. f5deb3

Similar named colors

  • Gruyère Cheese#f5deb3

Colors that go with #f5deb3

Complementary
#f5deb3
Analogous
#f5deb3
Triadic
#f5deb3
Split
#f5deb3