Cognac

#A2574F

What color is Cognac?

Cognac is a warm, muted reddish-brown with amber undertones, hex #A2574F, close to the color of well-worn leather. The tone is darker than terracotta and carries a dusty, earthy quality rather than a bright or glossy red.

What is the meaning of the color Cognac?

Named after the town of Cognac in the Charente region of France, the color draws from the deep amber-brown of aged brandy produced there under strict appellation laws since 1909. The drink itself has been distilled in the region since at least the 17th century, and its color became associated with luxury goods as French exports grew through the 18th and 19th centuries. The fashion industry adopted cognac as a descriptor for leather goods in the late 20th century, particularly for handbags and shoes positioned as premium products. The French luxury house Hermès has long used this tone across its leather lines, anchoring the color’s association with craftsmanship and heritage.

RGB
162, 87, 79
HSL
6°, 34%, 47%
CMYK
0, 46, 51, 36
HSV
6°, 51%, 64%
Cognac color

What colors go with Cognac?

Colors that pair well with Cognac include:
Ivory: soft, warm neutrality
Forest Green: rich earthy contrast
Navy Blue: cool, grounding balance
Mustard Yellow: tonal warmth
Charcoal: strong, quiet depth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #A2574F color: #A2574F;
RGB 162, 87, 79 color: rgb(162, 87, 79);
RGB Percentage 64%, 34%, 31% color: rgb(64%, 34%, 31%);
CMYK 0%, 46%, 51%, 36% Not supported in CSS
HSL 6°, 34%, 47% color: hsl(6, 34%, 47%);
HSV 6°, 51%, 64% Not supported in CSS
CIE-LAB 38, 15, 3 color: lab(38% 15 3);
Decimal 10639183 Not supported in CSS

Color Variations

Shades

#A1574F
#914F47
#80463F
#703D37
#60342F
#502C28
#402320
#301A18

Tints

#E4CBC9
#DBBAB7
#D2A9A4
#C99892
#C18780
#B8756E
#AF645C
#A1574F

Tones

#A1574F
#9D5B53
#985E57
#94615B
#90645F
#8C6863
#886B68
#846E6C

Hues

#A1574F
#A1944F
#70A14F
#4FA16C
#4F98A1
#4F5BA1
#804FA1
#A14F84

Color Harmonies

Analogous

#A14F70
Click to copy
#A2574F
Click to copy
#A1804F
Click to copy

Complementary

#A2574F
Click to copy
#4F98A1
Click to copy

Split Complementary

#A2574F
Click to copy
#4FA180
Click to copy
#4F70A1
Click to copy

Triadic

#A2574F
Click to copy
#4FA157
Click to copy
#574FA1
Click to copy

Tetradic

#A2574F
Click to copy
#70A14F
Click to copy
#4F98A1
Click to copy
#804FA1
Click to copy
95%

Square

#A2574F
Click to copy
#70A14F
Click to copy
#4F98A1
Click to copy
#804FA1
Click to copy
95%

CSS & Dev Snippets

CSS
.cognac {
  color: #A2574F;
}
SCSS
$cognac: #A2574F;
RGB
rgb(162, 87, 79)

Accessibility & Contrast

White background

5.23:1
5.23
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

4.01:1
4.01
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags