Skip to the color picker

#eca35f color: Doughnut

#eca35f is rgb(236, 163, 95) in RGB and oklch(77.298% 0.12107 62.394) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

29°
100%

77.3%
0.121
62°
  • Amber
  • Light
  • Vivid
  • Warm
  • ≈ Orange
  • orange-300
  • Black 7%

Inside sRGB: displays the same on any screen.

White text
2.11:1Hard to read
Lc -46
Black text
9.97: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 #eca35f

#eca35f is a bright light amber color. In OKLCH it has 77.3% lightness, 0.121 chroma and a hue of 62°.

Inside sRGB: displays the same on any screen.

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

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

More light amber colors

Lighter: #eca35f mixed with white

  1. eca35f
  2. efac71
  3. f1b681
  4. f3bf92
  5. f5c8a1
  6. f7d2b1
  7. f9dbc1
  8. fbe4d0
  9. fcede0
  10. fef6ef

Darker: #eca35f mixed with black

  1. eca35f
  2. cd8d52
  3. af7844
  4. 926338
  5. 764f2c
  6. 5b3c20
  7. 422a15
  8. 29190a
  9. 130a03
  10. 030100

Calmer: #eca35f with less saturation

  1. eca35f
  2. e7a56a
  3. e2a773
  4. dda97d
  5. d7ab85
  6. d2ad8e
  7. ccaf96
  8. c7b19e
  9. c1b2a6
  10. bbb4ad

Questions about #eca35f

What color is #eca35f?

#eca35f is bright light amber. The closest named color is Doughnut. In RGB it is rgb(236, 163, 95), in HSL hsl(28.94, 78.77%, 64.9%) and in OKLCH oklch(77.298% 0.12107 62.394).

What colors go well with #eca35f?

The complementary color of #eca35f is #6abefc. For a calmer combination use the analogous colors #f89783 and #d0b352. The triadic partners are #42cebb and #c4a2f5.

Is white or black text more readable on #eca35f?

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

Is #eca35f a warm or cool color?

#eca35f is a warm color. In OKLCH its hue is 62 degrees, its lightness 77.3% and its chroma 0.121.