Start generating
C58D4B

#C58D4B Caramel Macchiato

#C58D4B is a light, moderately saturated orange named Caramel Macchiato. In the RGB color model it is made of 77.3% red, 55.3% green and 29.4% blue (rgb(197, 141, 75)). Its HSL value is 32° hue, 51% saturation and 53% lightness, and in CMYK it is 0% cyan, 28% magenta, 62% yellow and 23% black. #C58D4B is a warm color. Black text reads best on it, with a contrast ratio of 7.29:1.

Make a palette with #C58D4B

#C58D4B color conversion

HEX
RGB
HSL
HSB / HSV
HWB
CMYK
XYZ
CIELAB
CIELCh
CIELUV
OKLCH

Variations of #C58D4B

Shades

Mixed with black: richer and darker.

C58D4BAB7A4092673579552B6144214B331735230E2114060E0702020100

Tints

Mixed with white: lighter and softer.

C58D4BCB985FD1A471D7AF83DDBA95E3C6A6E9D1B8EEDDCAF4E8DBFAF3ED

Tones

Mixed with gray: calmer and more muted.

C58D4BBE8C52B78B59B18A5FAA8965A3876A9C866F9585738E837887827C

Hues

The same lightness and chroma, rotated around the color wheel.

D47E80D47F73D38267D0855DCB8953C58D4BBE9246B59644AB9B469F9F4B93A353

Temperatures

Cooler on the left, warmer on the right.

A98F7DAE8F74B48E6BBA8E61BF8E57C58D4BC78D4ACA8D48CC8D47CF8D45D18D44

#C58D4B color harmonies

Complementary

The opposite hue — maximum contrast and energy.

C58D4B4B83C5
Open in generator →

Split complementary

The two hues next to the complement — contrast with less tension.

C58D4B4BC0C5504BC5
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

C58D4BC5504BC0C54B
Open in generator →

Triadic

Three hues evenly spaced at 120° — vibrant yet balanced.

C58D4B4BC58D8D4BC5
Open in generator →

Tetradic

Two complementary pairs — rich, best with one dominant color.

C58D4B83C54B4B83C58D4BC5
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

C58D4B4BC5504B83C5C54BC0
Open in generator →

#C58D4B for color-blind viewers (and dogs)

How #C58D4B appears with each type of color vision deficiency (Machado 2009 model) — and to your dog. Try the dog vision simulator →

  • Dog vision 89% similarHow dogs see it · simulated as #AD9D4C
  • Protanopia 88% similar1.3% of men, 0.02% of women · simulated as #A09045
  • Protanomaly 91% similar1.3% of men, 0.02% of women · simulated as #AB9147
  • Deuteranopia 89% similar1.2% of men, 0.01% of women · simulated as #AD9D4C
  • Deuteranomaly 92% similar5% of men, 0.35% of women · simulated as #B4984B
  • Tritanopia 83% similar0.001% of men, 0.03% of women · simulated as #D5807E
  • Tritanomaly 92% similar0.0001% of men, 0.0001% of women · simulated as #CB8866
  • Achromatopsia 79% similar0.003% of men, 0.003% of women · simulated as #989898
  • Achromatomaly 83% similar0.001% of men, 0.001% of women · simulated as #A5958A

#C58D4B contrast checker

AaThe quick brown fox jumps over the lazy dog.
2.88:1 Very poor#C58D4B text on white
AA normalFailAAA normalFail
AA largeFailAAA largeFail
AaThe quick brown fox jumps over the lazy dog.
7.29:1 Very good#C58D4B text on black
AA normalPassAAA normalPass
AA largePassAAA largePass

Need another background? Pick any pair in the palette generator and open the contrast panel.

Colors similar to #C58D4B

Palettes with #C58D4B

#C58D4B in CSS

/* Caramel Macchiato */
.color { color: #C58D4B; }
.background { background-color: #C58D4B; }
.border { border: 1px solid #C58D4B; }

/* Other notations */
color: rgb(197 141 75);
color: hsl(32 51% 53%);
color: oklch(0.685 0.107 68.8);

#C58D4B FAQ

What color is #C58D4B?

#C58D4B is a light, moderately saturated orange. Its closest named color is Caramel Macchiato. It belongs to the orange color family and is a warm color.

What is the RGB value of #C58D4B?

#C58D4B is rgb(197, 141, 75) in RGB, hsl(32, 51%, 53%) in HSL and cmyk(0%, 28%, 62%, 23%) in CMYK.

What is the complementary color of #C58D4B?

The complementary color of #C58D4B is #4B83C5, which sits opposite it on the color wheel.

Which text color works on #C58D4B?

Black text has the best contrast on #C58D4B: 7.29:1, which meets the WCAG AA requirement of 4.5:1 for normal text.

Is #C58D4B a warm or cool color?

#C58D4B is a warm color.