Cognac Color: Hex Code, Palettes & Meaning | Figma (2024)

What color iscognac?

Cognac is a rich, inviting, and warm color named after the French brandy. It features deep amber and brown tones, reminiscent of the liquor's natural hue, which varies depending on age and distillation method. Positioned between orange and brown on the color wheel, cognac includes a range of shades from golden brown to a deeper, reddish-brown.

Cognac Color: Hex Code, Palettes & Meaning | Figma (1)Cognac Color: Hex Code, Palettes & Meaning | Figma (2)

What does cognac look like on digital screens?

Cognac is defined by the following color codes and values to ensure consistency across various digital platforms anddevices.

- HEX code: #A2574F

- RGB value: 63.5% red, 34.1% green and31%blue

Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines.

How should I effectively use cognac in UIdesign?

Here are some ways to use cognac effectively in your UIdesigns:

  • Highlight luxury and elegance. Use cognac to highlight luxury and elegance in designs for premium services and luxurygoods.
  • Create a welcoming atmosphere. Apply cognac in backgrounds or menus to create a warm, inviting atmosphere in lifestyle or community-focused apps.
  • Complement with color. Pair cognac with contrasting colors like teal or coral to direct focus and enhance user interaction.
  • Use in visual storytelling. Cognac’s vintage appeal can be used in themes that deal with history, tradition, or craftsmanship to enhance the narrative ofyourdesign.

Keep in mind that color and its meaning can change from culture to culture—and at any given time. If you are designing for a global audience, research color considerations for your specific regions.

What are similar colors tocognac?

For variations within the same rich and warm spectrum as cognac, consider:

  • Chestnut (#954535) which presents a similar depth with a slightly more brownish tint, resonating with the warmth ofcognac.
  • Burnt sienna (#ED7B58) offers a lighter, more orange-toned hue, still carrying the warm, earthy feelofcognac.
  • Copper red (#CB6D51) shares a close resemblance in warmth and richness, providing a slightly brighter alternative.
  • Terra cotta (#E2725B) is a bit more muted but maintains the earthy and inviting quality ofcognac.

What colors go withcognac?

To complement cognac's deep, warm tones, consider pairing itwith:

  • Navy blue (#000080) which provides a striking contrast, enhancing the rich depth ofcognac.
  • Warm beige (#F5F5DC) offers a subtle, soft background that allows cognac tostandout.
  • Sage green (#9CAE88) complements the earthiness of cognac with its subdued, naturaltones.
  • Cream (#FDFBD4) creates a light, airy feel that contrasts nicely with the intensity ofcognac.
  • Dark chocolate (#3F000F) deepens the aesthetic, promoting a sophisticated and cohesive palette.

Additional colors worth considering include soft gray for a modern twist, powder blue for a gentle contrast, and antique white for a classic, refinedlook.

What colors conflict withcognac?

While cognac is a versatile color, it mayclashwith:

  • Bright pink (#FF69B4) as its vivid and light-hearted tone can overshadow the subtle richness ofcognac.
  • Lime green (#89F336) which can appear too harsh and contemporary against the traditional elegance ofcognac.
  • Electric blue (#007FFF) might be too vibrant and disturb cognac's warm aesthetics.
  • Neon orange (#FFA500) offers an overly bright contrast that can compete for attention against cognac's understated richness.
  • Pale lavender (#E6E6FA) may dilute the robust character of cognac, resulting in a washed-out appearance.

What does cognac symbolize?

Cognac brandy is associated with sophistication, luxury, and tradition. This connection extends to the color, too, suggesting a refined taste and a sense of heritage. The warm hue also evokes craftsmanship and quality, particularly for timeless and well-aged items.

In color psychology, cognac evokes feelings of warmth and comfort. Earthy tones typically make people feel grounded and secure, offering stability and reliability. Warm colors are also believed to stimulate interaction and conversation, making them ideal for social spaces and environments where comfort and communication aregoals.

In UI/UX design, cognac translates into a feeling of elegance and warmth on digital interfaces. Its sophisticated nature makes it perfect for brands that want to project luxury and exclusivity. When used strategically for backgrounds, buttons, or graphics, cognac can reduce visual fatigue due to its softer, less glaring nature compared to brighter colors. Cognac can also enhance user engagement by evoking a sense of familiarity and richness, encouraging longer interaction times and deeper immersion in the digital environment.

What’s the history ofcognac?

While there isn't a well-documented history specific to the color cognac, color names often emerge through cultural association. Cognac likely gained its name from the famous brandy of the same name produced in the Cognac region ofFrance.

Historically, cognac has seen significant use in fashion, particularly leather goods like shoes andjackets.

Color variations

Shades

Tints

Tones

Hues

Color Harmonies

Complementary

Analogous

Monochromatic

Split

Triadic

Square

Custom Palettes

Muse

Terra

Desert Dusk

Accessibility: Contrast Checker

Large Text
Figma
Normal Text
How you design, align, and build matters. Do it together with Figma.

5.23:1

WCAG 2.2 Simple Contrast

Normal Text

Pass
AA
4.5:1

Fail
AAA
7:1

Large Text

Pass
AA
3:1

Pass
AAA
4.5:1
Large Text
Figma
Normal Text
How you design, align, and build matters. Do it together with Figma.

4.01:1

WCAG 2.2 Simple Contrast

Normal Text

Fail
AA
4.5:1

Fail
AAA
7:1

Large Text

Pass
AA
3:1

Fail
AAA
4.5:1

Color simulations

Protanopia

Deuteranopia

Tritanopia

Achromatopsia

Color conversion

The hexadecimal color #A2574F, known as cognac, has RGB values of R:162, G:87, B:79 and CMYK values of C:0, M:0.46, Y:0.51,K:0.36.

VALUECSS
HEXA2574F#A2574F
RGB DECIMAL162, 87, 79rgb(162,87,79)
RGB PERCENTAGE63.5, 34.1, 31rgb(63.5%,34.1%,31%)
CMYK0, 46, 51, 36
HSL5.8°, 34.4, 47.3hsl(5.8,34.4%,47.3%)
HSV (OR HSB)5.8°, 51.2, 63.5
WEB SAFE996666#996666
CIE-LAB45.721, 29.961, 18.446
XYZ19.72, 15.064, 9.266
xyY0.448, 0.342, 15.064
CIE-LCH45.721, 35.184, 31.619
CIE-LUV45.721, 53.85, 16.292
HUNTER-LAB38.812, 22.773, 13.014
BINARY10100010, 01010111, 01001111
iOS - SwiftUIColor(red: 162/255, green: 87/255, blue: 79/255)
iOS - UIKitUIColor(red: 162/255.0, green: 87/255.0, blue: 79/255.0, alpha: 1.0)
Android - ComposeColor(0xFFA2574F)
Cognac Color: Hex Code, Palettes & Meaning | Figma (2024)

References

Top Articles
Latest Posts
Article information

Author: Arielle Torp

Last Updated:

Views: 6591

Rating: 4 / 5 (41 voted)

Reviews: 88% of readers found this page helpful

Author information

Name: Arielle Torp

Birthday: 1997-09-20

Address: 87313 Erdman Vista, North Dustinborough, WA 37563

Phone: +97216742823598

Job: Central Technology Officer

Hobby: Taekwondo, Macrame, Foreign language learning, Kite flying, Cooking, Skiing, Computer programming

Introduction: My name is Arielle Torp, I am a comfortable, kind, zealous, lovely, jolly, colorful, adventurous person who loves writing and wants to share my knowledge and understanding with you.