Skip to the color picker

#ecb168 color: Salted Caramel

#ecb168 is rgb(236, 177, 104) in RGB and oklch(80.017% 0.11363 70.865) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

33°
100%

80%
0.114
71°
  • Amber
  • Light
  • Soft
  • Warm
  • ≈ Tan
  • orange-300
  • Black 7%

Inside sRGB: displays the same on any screen.

White text
1.90:1Hard to read
Lc -40
Black text
11.06:1Readable · AA
Lc 68

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

#ecb168 is a soft light amber color. In OKLCH it has 80% lightness, 0.114 chroma and a hue of 71°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.9:1 contrast and black text 11.06:1, so black text reads better.

The closest named color is Salted Caramel (#ebb367). In Tailwind CSS the closest color is orange-300.

More light amber colors

Lighter: #ecb168 mixed with white

  1. ecb168
  2. eeb979
  3. f1c188
  4. f3c998
  5. f5d1a7
  6. f7d8b6
  7. f9e0c4
  8. fae8d3
  9. fcf0e2
  10. fef7f0

Darker: #ecb168 mixed with black

  1. ecb168
  2. cd9959
  3. af834b
  4. 926c3e
  5. 765730
  6. 5b4224
  7. 422f18
  8. 291c0c
  9. 130c04
  10. 030100

Calmer: #ecb168 with less saturation

  1. ecb168
  2. e8b372
  3. e3b47c
  4. dfb685
  5. dab78e
  6. d6b896
  7. d1b99f
  8. ccbba7
  9. c7bcae
  10. c3bdb6

Questions about #ecb168

What color is #ecb168?

#ecb168 is soft light amber. The closest named color is Salted Caramel. In RGB it is rgb(236, 177, 104), in HSL hsl(33.18, 77.65%, 66.67%) and in OKLCH oklch(80.017% 0.11363 70.865).

What colors go well with #ecb168?

The complementary color of #ecb168 is #85c3ff. For a calmer combination use the analogous colors #fca584 and #cec065. The triadic partners are #52d5cf and #d5a9f4.

Is white or black text more readable on #ecb168?

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

Is #ecb168 a warm or cool color?

#ecb168 is a warm color. In OKLCH its hue is 71 degrees, its lightness 80% and its chroma 0.114.