Skip to the color picker

#eaa760 color: Apricot Sorbet

#eaa760 is rgb(234, 167, 96) in RGB and oklch(77.824% 0.11824 66.138) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

31°
100%

77.8%
0.118
66°
  • Amber
  • Light
  • Soft
  • Warm
  • ≈ Orange
  • orange-300
  • Black 8%

Inside sRGB: displays the same on any screen.

White text
2.06:1Hard to read
Lc -45
Black text
10.19:1Readable · AA
Lc 64

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

#eaa760 is a soft light amber color. In OKLCH it has 77.8% lightness, 0.118 chroma and a hue of 66°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.06:1 contrast and black text 10.19:1, so black text reads better.

The closest named color is Apricot Sorbet (#e8a760). In Tailwind CSS the closest color is orange-300.

More light amber colors

Lighter: #eaa760 mixed with white

  1. eaa760
  2. edb072
  3. efb982
  4. f2c292
  5. f4cba2
  6. f6d3b2
  7. f8dcc1
  8. fae5d1
  9. fceee0
  10. fdf6f0

Darker: #eaa760 mixed with black

  1. eaa760
  2. cb9152
  3. ae7b45
  4. 916638
  5. 75522c
  6. 5a3e20
  7. 412c15
  8. 291a0a
  9. 130a03
  10. 030100

Calmer: #eaa760 with less saturation

  1. eaa760
  2. e5a96b
  3. e0ab74
  4. dbad7e
  5. d6ae87
  6. d1b08f
  7. ccb197
  8. c7b3a0
  9. c2b4a7
  10. bcb5af

Similar named colors

Colors that go with #eaa760

Complementary
#eaa760#74befe
Analogous
#eaa760#f89b81#cdb757
Triadic
#eaa760#45cfc2#caa3f3
Split
#eaa760#47c9e7#a2b0ff

Questions about #eaa760

What color is #eaa760?

#eaa760 is soft light amber. The closest named color is Apricot Sorbet. In RGB it is rgb(234, 167, 96), in HSL hsl(30.87, 76.67%, 64.71%) and in OKLCH oklch(77.824% 0.11824 66.138).

What colors go well with #eaa760?

The complementary color of #eaa760 is #74befe. For a calmer combination use the analogous colors #f89b81 and #cdb757. The triadic partners are #45cfc2 and #caa3f3.

Is white or black text more readable on #eaa760?

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

Is #eaa760 a warm or cool color?

#eaa760 is a warm color. In OKLCH its hue is 66 degrees, its lightness 77.8% and its chroma 0.118.