Skip to the color picker

#cc8650 color: Caramel Bar

#cc8650 is rgb(204, 134, 80) in RGB and oklch(68.089% 0.11101 57.136) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

26°
100%

68.1%
0.111
57°
  • Orange
  • Medium
  • Soft
  • Warm
  • ≈ Bronze
  • yellow-600
  • Black 20%

Inside sRGB: displays the same on any screen.

White text
2.96:1Hard to read
Lc -61
Black text
7.09:1Readable · AA
Lc 48

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

#cc8650 is a soft orange color. In OKLCH it has 68.1% lightness, 0.111 chroma and a hue of 57°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.96:1 contrast and black text 7.09:1, so black text reads better.

The closest named color is Caramel Bar (#cc8654). In Tailwind CSS the closest color is yellow-600.

More medium orange colors

Lighter: #cc8650 mixed with white

  1. cc8650
  2. d29262
  3. d79e74
  4. ddaa86
  5. e2b697
  6. e7c2a8
  7. edceb9
  8. f1dacb
  9. f6e7dc
  10. fbf3ed

Darker: #cc8650 mixed with black

  1. cc8650
  2. b17444
  3. 976239
  4. 7e512e
  5. 654024
  6. 4e301a
  7. 372110
  8. 221307
  9. 0f0602
  10. 020100

Calmer: #cc8650 with less saturation

  1. cc8650
  2. c78859
  3. c38a61
  4. be8d69
  5. b98f70
  6. b49077
  7. ae927e
  8. a99485
  9. a4958c
  10. 9e9792

Questions about #cc8650

What color is #cc8650?

#cc8650 is soft orange. The closest named color is Caramel Bar. In RGB it is rgb(204, 134, 80), in HSL hsl(26.13, 54.87%, 55.69%) and in OKLCH oklch(68.089% 0.11101 57.136).

What colors go well with #cc8650?

The complementary color of #cc8650 is #4ca2d4. For a calmer combination use the analogous colors #d47d73 and #b6943e. The triadic partners are #35af97 and #a089d5.

Is white or black text more readable on #cc8650?

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

Is #cc8650 a warm or cool color?

#cc8650 is a warm color. In OKLCH its hue is 57 degrees, its lightness 68.1% and its chroma 0.111.