Skip to the color picker

#ecba71 color: Pineapple Cake

#ecba71 is rgb(236, 186, 113) in RGB and oklch(81.858% 0.10767 75.752) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

36°
100%

81.9%
0.108
76°
  • Amber
  • Light
  • Soft
  • Pastel
  • Warm
  • ≈ Tan
  • orange-300
  • Black 7%

Inside sRGB: displays the same on any screen.

White text
1.78:1Hard to read
Lc -37
Black text
11.83:1Readable · AA
Lc 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 #ecba71

#ecba71 is a pastel light amber color. In OKLCH it has 81.9% lightness, 0.108 chroma and a hue of 76°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Pineapple Cake (#edbb6e). In Tailwind CSS the closest color is orange-300.

More light amber colors

Lighter: #ecba71 mixed with white

  1. ecba71
  2. eec180
  3. f0c88f
  4. f2cf9e
  5. f4d6ac
  6. f6ddba
  7. f8e4c8
  8. faebd6
  9. fcf1e3
  10. fdf8f1

Darker: #ecba71 mixed with black

  1. ecba71
  2. cda161
  3. af8952
  4. 927243
  5. 765c35
  6. 5b4627
  7. 42321a
  8. 291e0e
  9. 130d04
  10. 030201

Calmer: #ecba71 with less saturation

  1. ecba71
  2. e8bb7b
  3. e4bc84
  4. e0bd8d
  5. dcbf95
  6. d8c09d
  7. d4c0a5
  8. d0c1ad
  9. ccc2b5
  10. c8c3bc

Questions about #ecba71

What color is #ecba71?

#ecba71 is pastel light amber. The closest named color is Pineapple Cake. In RGB it is rgb(236, 186, 113), in HSL hsl(35.61, 76.4%, 68.43%) and in OKLCH oklch(81.858% 0.10767 75.752).

What colors go well with #ecba71?

The complementary color of #ecba71 is #95c7ff. For a calmer combination use the analogous colors #feae88 and #cdc873. The triadic partners are #61d9da and #dfaef3.

Is white or black text more readable on #ecba71?

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

Is #ecba71 a warm or cool color?

#ecba71 is a warm color. In OKLCH its hue is 76 degrees, its lightness 81.9% and its chroma 0.108.