Skip to the color picker

#cfae86 color: Toast and Butter

#cfae86 is rgb(207, 174, 134) in RGB and oklch(77.017% 0.06607 71.962) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

33°
100%

77%
0.066
72°
  • Amber
  • Light
  • Soft
  • Dusty
  • Warm
  • ≈ Tan
  • olive-400
  • Black 19%

Inside sRGB: displays the same on any screen.

White text
2.09:1Hard to read
Lc -45
Black text
10.05:1Readable · AA
Lc 63

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.

About #cfae86

#cfae86 is a dusty light amber color. In OKLCH it has 77% lightness, 0.066 chroma and a hue of 72°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.09:1 contrast and black text 10.05:1, so black text reads better.

The closest named color is Toast and Butter (#d2ad84). In Tailwind CSS the closest color is olive-400.

More light amber colors

Lighter: #cfae86 mixed with white

Darker: #cfae86 mixed with black

Calmer: #cfae86 with less saturation

Similar named colors

Colors that go with #cfae86

Complementary
Analogous
Triadic
Split

Questions about #cfae86

What color is #cfae86?

#cfae86 is dusty light amber. The closest named color is Toast and Butter. In RGB it is rgb(207, 174, 134), in HSL hsl(32.88, 43.2%, 66.86%) and in OKLCH oklch(77.017% 0.06607 71.962).

What colors go well with #cfae86?

The complementary color of #cfae86 is #96b8de. For a calmer combination use the analogous colors #daa794 and #bcb685. The triadic partners are #81c2bf and #c3a9d3.

Is white or black text more readable on #cfae86?

Black text reads better on #cfae86: white gives a contrast ratio of 2.09:1 and black gives 10.05:1. WCAG AA asks for at least 4.5:1 for body text.

Is #cfae86 a warm or cool color?

#cfae86 is a warm color. In OKLCH its hue is 72 degrees, its lightness 77% and its chroma 0.066.