Cognac

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

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
Magenta
92%
#A2574F
Click to copy
Cognac
100%
#A1804F
Click to copy
Orange
91%

Complementary

#A2574F
Click to copy
Cognac
100%
#4F98A1
Click to copy
Cyan
70%

Split Complementary

#A2574F
Click to copy
Cognac
100%
#4FA180
Click to copy
Cyan
72%
#4F70A1
Click to copy
Blue
73%

Triadic

#A2574F
Click to copy
Cognac
100%
#4FA157
Click to copy
Green
75%
#574FA1
Click to copy
Blue
75%

Tetradic

#A2574F
Click to copy
Cognac
100%
#70A14F
Click to copy
Green
80%
#4F98A1
Click to copy
Cyan
70%
#804FA1
Click to copy
Purple
80%

Square

#A2574F
Click to copy
Cognac
100%
#70A14F
Click to copy
Green
80%
#4F98A1
Click to copy
Cyan
70%
#804FA1
Click to copy
Purple
80%

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