colorhexa.com

#c97a1f hex color

In a RGB color space, hex #c97a1f is composed of 78.8% red, 47.8% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.3% magenta, 84.6% yellow and 21.2% black. It has a hue angle of 32.1 degrees, a saturation of 73.3% and a lightness of 45.5%. #c97a1f color hex could be obtained by blending #fff43e with #930000. Closest websafe color is: #cc6633.

- R 79
- G 48
- B 12
RGB color chart
- C 0
- M 39
- Y 85
- K 21
CMYK color chart

● #c97a1f color description : Strong orange.

The hexadecimal color #c97a1f has RGB values of R:201, G:122, B:31 and CMYK values of C:0, M:0.39, Y:0.85, K:0.21. Its decimal value is 13203999.

Hex triplet	c97a1f	`#c97a1f`
RGB Decimal	201, 122, 31	`rgb(201,122,31)`
RGB Percent	78.8, 47.8, 12.2	`rgb(78.8%,47.8%,12.2%)`
CMYK	0, 39, 85, 21
HSL	32.1°, 73.3, 45.5	`hsl(32.1,73.3%,45.5%)`
HSV (or HSB)	32.1°, 84.6, 78.8
Web Safe	cc6633	`#cc6633`

CIE-LAB	58.45, 24.356, 57.951
XYZ	31.295, 26.438, 4.751
xyY	0.501, 0.423, 26.438
CIE-LCH	58.45, 62.861, 67.204
CIE-LUV	58.45, 64.815, 53.075
Hunter-Lab	51.418, 18.662, 30.514
Binary	11001001, 01111010, 00011111

#c97a1f
```
#c97a1f rgb(201,122,31)
```
#1f6ec9
```
#1f6ec9 rgb(31,110,201)
```

Complementary Color

#c9251f
```
#c9251f rgb(201,37,31)
```
#c97a1f
```
#c97a1f rgb(201,122,31)
```
#c3c91f
```
#c3c91f rgb(195,201,31)
```

Analogous Color

#251fc9
```
#251fc9 rgb(37,31,201)
```
#c97a1f
```
#c97a1f rgb(201,122,31)
```
#1fc3c9
```
#1fc3c9 rgb(31,195,201)
```

Split Complementary Color

#7a1fc9
```
#7a1fc9 rgb(122,31,201)
```
#c97a1f
```
#c97a1f rgb(201,122,31)
```
#1fc97a
```
#1fc97a rgb(31,201,122)
```

Triadic Color

#c91f6e
```
#c91f6e rgb(201,31,110)
```
#c97a1f
```
#c97a1f rgb(201,122,31)
```
#1fc97a
```
#1fc97a rgb(31,201,122)
```
#1f6ec9
```
#1f6ec9 rgb(31,110,201)
```

Tetradic Color

#875215
```
#875215 rgb(135,82,21)
```
#9d5f18
```
#9d5f18 rgb(157,95,24)
```
#b36d1c
```
#b36d1c rgb(179,109,28)
```
#c97a1f
```
#c97a1f rgb(201,122,31)
```
#dd8724
```
#dd8724 rgb(221,135,36)
```
#e1933a
```
#e1933a rgb(225,147,58)
```
#e49f50
```
#e49f50 rgb(228,159,80)
```

Monochromatic Color

Below, you can see some colors close to #c97a1f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#c9501f
```
#c9501f rgb(201,80,31)
```
#c95e1f
```
#c95e1f rgb(201,94,31)
```
#c96c1f
```
#c96c1f rgb(201,108,31)
```
#c97a1f
```
#c97a1f rgb(201,122,31)
```
#c9881f
```
#c9881f rgb(201,136,31)
```
#c9961f
```
#c9961f rgb(201,150,31)
```
#c9a51f
```
#c9a51f rgb(201,165,31)
```

Similar Colors

Text with hexadecimal color #c97a1f

This text has a font color of #c97a1f.

<span style="color:#c97a1f;">Text here</span>

#c97a1f background color

This paragraph has a background color of #c97a1f.

<p style="background-color:#c97a1f;">Content here</p>

#c97a1f border color

This element has a border color of #c97a1f.

<div style="border:1px solid #c97a1f;">Content here</div>

CSS codes

.text {color:#c97a1f;}

.background {background-color:#c97a1f;}

.border {border:1px solid #c97a1f;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #0e0902 is the darkest color, while #fffdfc is the lightest one.

#0e0902
```
#0e0902 rgb(14,9,2)
```
#1f1305
```
#1f1305 rgb(31,19,5)
```
#301d07
```
#301d07 rgb(48,29,7)
```
#41270a
```
#41270a rgb(65,39,10)
```
#52320d
```
#52320d rgb(82,50,13)
```
#633c0f
```
#633c0f rgb(99,60,15)
```
#744612
```
#744612 rgb(116,70,18)
```
#855115
```
#855115 rgb(133,81,21)
```
#965b17
```
#965b17 rgb(150,91,23)
```
#a7651a
```
#a7651a rgb(167,101,26)
```
#b8701c
```
#b8701c rgb(184,112,28)
```
#c97a1f
```
#c97a1f rgb(201,122,31)
```
#da8422
```
#da8422 rgb(218,132,34)
```

Shade Color Variation

#df8e30
```
#df8e30 rgb(223,142,48)
```
#e29741
```
#e29741 rgb(226,151,65)
```
#e4a052
```
#e4a052 rgb(228,160,82)
```
#e7aa63
```
#e7aa63 rgb(231,170,99)
```
#eab374
```
#eab374 rgb(234,179,116)
```
#ecbc85
```
#ecbc85 rgb(236,188,133)
```
#efc696
```
#efc696 rgb(239,198,150)
```
#f1cfa7
```
#f1cfa7 rgb(241,207,167)
```
#f4d8b8
```
#f4d8b8 rgb(244,216,184)
```
#f7e1c9
```
#f7e1c9 rgb(247,225,201)
```
#f9ebda
```
#f9ebda rgb(249,235,218)
```
#fcf4eb
```
#fcf4eb rgb(252,244,235)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #79746f is the less saturated color, while #e47c04 is the most saturated one.

#79746f
```
#79746f rgb(121,116,111)
```
#827566
```
#827566 rgb(130,117,102)
```
#8b765d
```
#8b765d rgb(139,118,93)
```
#937655
```
#937655 rgb(147,118,85)
```
#9c774c
```
#9c774c rgb(156,119,76)
```
#a57743
```
#a57743 rgb(165,119,67)
```
#ae783a
```
#ae783a rgb(174,120,58)
```
#b77931
```
#b77931 rgb(183,121,49)
```
#c07928
```
#c07928 rgb(192,121,40)
```
#c97a1f
```
#c97a1f rgb(201,122,31)
```
#d27b16
```
#d27b16 rgb(210,123,22)
```
#db7b0d
```
#db7b0d rgb(219,123,13)
```
#e47c04
```
#e47c04 rgb(228,124,4)
```

Tone Color Variation

Below, you can see how #c97a1f is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#878787 Achromatopsia 0.005% of the population
#948472 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3922f Protanopia 1% of men
#b68b24 Deuteranopia 1% of men
#d07880 Tritanopia 0.001% of the population

Trichromacy

#b18929 Protanomaly 1% of men, 0.01% of women
#bd8522 Deuteranomaly 6% of men, 0.4% of women
#cd795d Tritanomaly 0.01% of the population