Skip to the color picker

#eca356 color: Doughnut

#eca356 is rgb(236, 163, 86) in RGB and oklch(77.186% 0.12716 65.347) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

31°
100%

77.2%
0.127
65°
  • Amber
  • Light
  • Vivid
  • Warm
  • ≈ Orange
  • amber-500
  • Black 7%

Inside sRGB: displays the same on any screen.

White text
2.11:1Hard to read
Lc -46
Black text
9.94:1Readable · AA
Lc 63

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

#eca356 is a bright light amber color. In OKLCH it has 77.2% lightness, 0.127 chroma and a hue of 65°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.11:1 contrast and black text 9.94:1, so black text reads better.

The closest named color is Doughnut (#eda057). In Tailwind CSS the closest color is amber-500.

More light amber colors

Lighter: #eca356 mixed with white

  1. eca356
  2. efac69
  3. f1b67b
  4. f3bf8d
  5. f5c89d
  6. f7d2ae
  7. f9dbbe
  8. fbe4ce
  9. fceddf
  10. fef6ef

Darker: #eca356 mixed with black

  1. eca356
  2. cd8d4a
  3. af783e
  4. 926332
  5. 764f27
  6. 5b3c1c
  7. 422a12
  8. 291908
  9. 130a02
  10. 030100

Calmer: #eca356 with less saturation

  1. eca356
  2. e7a562
  3. e2a76d
  4. dca977
  5. d7ab81
  6. d2ad8a
  7. ccaf93
  8. c6b09c
  9. c1b2a4
  10. bbb3ad

Questions about #eca356

What color is #eca356?

#eca356 is bright light amber. The closest named color is Doughnut. In RGB it is rgb(236, 163, 86), in HSL hsl(30.8, 79.79%, 63.14%) and in OKLCH oklch(77.186% 0.12716 65.347).

What colors go well with #eca356?

The complementary color of #eca356 is #6abcff. For a calmer combination use the analogous colors #fa967c and #ceb44b. The triadic partners are #2ecfc0 and #c89ff6.

Is white or black text more readable on #eca356?

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

Is #eca356 a warm or cool color?

#eca356 is a warm color. In OKLCH its hue is 65 degrees, its lightness 77.2% and its chroma 0.127.