#c2af96 hex color

In a RGB color space, hex #c2af96 is composed of 76.1% red, 68.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.8% magenta, 22.7% yellow and 23.9% black. It has a hue angle of 34.1 degrees, a saturation of 26.5% and a lightness of 67.5%. #c2af96 color hex could be obtained by blending #ffffff with #855f2d. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 76
- G 69
- B 59
RGB color chart
- C 0
- M 10
- Y 23
- K 24
CMYK color chart

● #c2af96 color description : Grayish orange.

The hexadecimal color #c2af96 has RGB values of R:194, G:175, B:150 and CMYK values of C:0, M:0.1, Y:0.23, K:0.24. Its decimal value is 12758934.

Hex triplet	c2af96	`#c2af96`
RGB Decimal	194, 175, 150	`rgb(194,175,150)`
RGB Percent	76.1, 68.6, 58.8	`rgb(76.1%,68.6%,58.8%)`
CMYK	0, 10, 23, 24
HSL	34.1°, 26.5, 67.5	`hsl(34.1,26.5%,67.5%)`
HSV (or HSB)	34.1°, 22.7, 76.1
Web Safe	cc9999	`#cc9999`

CIE-LAB	72.45, 2.832, 15.314
XYZ	43.082, 44.332, 35.14
xyY	0.352, 0.362, 44.332
CIE-LCH	72.45, 15.573, 79.521
CIE-LUV	72.45, 13.188, 20.846
Hunter-Lab	66.582, -1.02, 15.316
Binary	11000010, 10101111, 10010110

#c2af96
```
#c2af96 rgb(194,175,150)
```
#96a9c2
```
#96a9c2 rgb(150,169,194)
```

Complementary Color

#c29996
```
#c29996 rgb(194,153,150)
```
#c2af96
```
#c2af96 rgb(194,175,150)
```
#bfc296
```
#bfc296 rgb(191,194,150)
```

Analogous Color

#9996c2
```
#9996c2 rgb(153,150,194)
```
#c2af96
```
#c2af96 rgb(194,175,150)
```
#96bfc2
```
#96bfc2 rgb(150,191,194)
```

Split Complementary Color

#af96c2
```
#af96c2 rgb(175,150,194)
```
#c2af96
```
#c2af96 rgb(194,175,150)
```
#96c2af
```
#96c2af rgb(150,194,175)
```

Triadic Color

#c296a9
```
#c296a9 rgb(194,150,169)
```
#c2af96
```
#c2af96 rgb(194,175,150)
```
#96c2af
```
#96c2af rgb(150,194,175)
```
#96a9c2
```
#96a9c2 rgb(150,169,194)
```

Tetradic Color

#a68a66
```
#a68a66 rgb(166,138,102)
```
#af9676
```
#af9676 rgb(175,150,118)
```
#b9a386
```
#b9a386 rgb(185,163,134)
```
#c2af96
```
#c2af96 rgb(194,175,150)
```
#cbbba6
```
#cbbba6 rgb(203,187,166)
```
#d5c8b6
```
#d5c8b6 rgb(213,200,182)
```
#ded4c6
```
#ded4c6 rgb(222,212,198)
```

Monochromatic Color

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

#c2a496
```
#c2a496 rgb(194,164,150)
```
#c2a896
```
#c2a896 rgb(194,168,150)
```
#c2ab96
```
#c2ab96 rgb(194,171,150)
```
#c2af96
```
#c2af96 rgb(194,175,150)
```
#c2b396
```
#c2b396 rgb(194,179,150)
```
#c2b696
```
#c2b696 rgb(194,182,150)
```
#c2ba96
```
#c2ba96 rgb(194,186,150)
```

Similar Colors

Text with hexadecimal color #c2af96

This text has a font color of #c2af96.

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

#c2af96 background color

This paragraph has a background color of #c2af96.

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

#c2af96 border color

This element has a border color of #c2af96.

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

CSS codes

.text {color:#c2af96;}

.background {background-color:#c2af96;}

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

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, #070504 is the darkest color, while #fcfbf9 is the lightest one.

#070504
```
#070504 rgb(7,5,4)
```
#13100b
```
#13100b rgb(19,16,11)
```
#1f1a12
```
#1f1a12 rgb(31,26,18)
```
#2c2419
```
#2c2419 rgb(44,36,25)
```
#382e21
```
#382e21 rgb(56,46,33)
```
#453828
```
#453828 rgb(69,56,40)
```
#51422f
```
#51422f rgb(81,66,47)
```
#5e4d36
```
#5e4d36 rgb(94,77,54)
```
#6a573e
```
#6a573e rgb(106,87,62)
```
#766145
```
#766145 rgb(118,97,69)
```
#836b4c
```
#836b4c rgb(131,107,76)
```
#8f7553
```
#8f7553 rgb(143,117,83)
```
#9c7f5a
```
#9c7f5a rgb(156,127,90)
```

Shade Color Variation

#a58964
```
#a58964 rgb(165,137,100)
```
#ac9371
```
#ac9371 rgb(172,147,113)
```
#b49c7d
```
#b49c7d rgb(180,156,125)
```
#bba68a
```
#bba68a rgb(187,166,138)
```
#c2af96
```
#c2af96 rgb(194,175,150)
```
#c9b8a2
```
#c9b8a2 rgb(201,184,162)
```
#d0c2af
```
#d0c2af rgb(208,194,175)
```
#d8cbbb
```
#d8cbbb rgb(216,203,187)
```
#dfd5c8
```
#dfd5c8 rgb(223,213,200)
```
#e6ded4
```
#e6ded4 rgb(230,222,212)
```
#ede8e0
```
#ede8e0 rgb(237,232,224)
```
#f4f1ed
```
#f4f1ed rgb(244,241,237)
```
#fcfbf9
```
#fcfbf9 rgb(252,251,249)
```

Tint Color Variation

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

#afaca9
```
#afaca9 rgb(175,172,169)
```
#b5ada3
```
#b5ada3 rgb(181,173,163)
```
#bcae9c
```
#bcae9c rgb(188,174,156)
```
#c2af96
```
#c2af96 rgb(194,175,150)
```
#c8b090
```
#c8b090 rgb(200,176,144)
```
#cfb189
```
#cfb189 rgb(207,177,137)
```
#d5b283
```
#d5b283 rgb(213,178,131)
```
#dcb27c
```
#dcb27c rgb(220,178,124)
```
#e2b376
```
#e2b376 rgb(226,179,118)
```
#e8b470
```
#e8b470 rgb(232,180,112)
```
#efb569
```
#efb569 rgb(239,181,105)
```
#f5b663
```
#f5b663 rgb(245,182,99)
```
#fbb75d
```
#fbb75d rgb(251,183,93)
```

Tone Color Variation

Below, you can see how #c2af96 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

#b2b2b2 Achromatopsia 0.005% of the population
#b5b1ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#beb59c Protanopia 1% of men
#cfaf9c Deuteranopia 1% of men
#c9aeba Tritanopia 0.001% of the population

Trichromacy

#bfb29a Protanomaly 1% of men, 0.01% of women
#caaf9a Deuteranomaly 6% of men, 0.4% of women
#c6aead Tritanomaly 0.01% of the population

#c2af96 hex color

#c2af96 Color Information

#c2af96 Color Conversion

Color Schemes with #c2af96

Alternatives to #c2af96

#c2af96 Preview

Shades and Tints of #c2af96

Tones of #c2af96

Color Blindness Simulator