#c2afa4 hex color

In a RGB color space, hex #c2afa4 is composed of 76.1% red, 68.6% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.8% magenta, 15.5% yellow and 23.9% black. It has a hue angle of 22 degrees, a saturation of 19.7% and a lightness of 70.2%. #c2afa4 color hex could be obtained by blending #ffffff with #855f49. Closest websafe color is: #cc9999.

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

● #c2afa4 color description : Grayish orange.

The hexadecimal color #c2afa4 has RGB values of R:194, G:175, B:164 and CMYK values of C:0, M:0.1, Y:0.15, K:0.24. Its decimal value is 12758948.

Hex triplet	c2afa4	`#c2afa4`
RGB Decimal	194, 175, 164	`rgb(194,175,164)`
RGB Percent	76.1, 68.6, 64.3	`rgb(76.1%,68.6%,64.3%)`
CMYK	0, 10, 15, 24
HSL	22°, 19.7, 70.2	`hsl(22,19.7%,70.2%)`
HSV (or HSB)	22°, 15.5, 76.1
Web Safe	cc9999	`#cc9999`

CIE-LAB	72.767, 4.987, 8.112
XYZ	44.278, 44.81, 41.437
xyY	0.339, 0.343, 44.81
CIE-LCH	72.767, 9.522, 58.418
CIE-LUV	72.767, 12.129, 10.737
Hunter-Lab	66.94, 0.924, 10.157
Binary	11000010, 10101111, 10100100

#c2afa4
```
#c2afa4 rgb(194,175,164)
```
#a4b7c2
```
#a4b7c2 rgb(164,183,194)
```

Complementary Color

#c2a4a8
```
#c2a4a8 rgb(194,164,168)
```
#c2afa4
```
#c2afa4 rgb(194,175,164)
```
#c2bea4
```
#c2bea4 rgb(194,190,164)
```

Analogous Color

#a4a8c2
```
#a4a8c2 rgb(164,168,194)
```
#c2afa4
```
#c2afa4 rgb(194,175,164)
```
#a4c2be
```
#a4c2be rgb(164,194,190)
```

Split Complementary Color

#afa4c2
```
#afa4c2 rgb(175,164,194)
```
#c2afa4
```
#c2afa4 rgb(194,175,164)
```
#a4c2af
```
#a4c2af rgb(164,194,175)
```

Triadic Color

#c2a4b7
```
#c2a4b7 rgb(194,164,183)
```
#c2afa4
```
#c2afa4 rgb(194,175,164)
```
#a4c2af
```
#a4c2af rgb(164,194,175)
```
#a4b7c2
```
#a4b7c2 rgb(164,183,194)
```

Tetradic Color

#a38776
```
#a38776 rgb(163,135,118)
```
#ae9485
```
#ae9485 rgb(174,148,133)
```
#b8a295
```
#b8a295 rgb(184,162,149)
```
#c2afa4
```
#c2afa4 rgb(194,175,164)
```
#ccbcb3
```
#ccbcb3 rgb(204,188,179)
```
#d6cac3
```
#d6cac3 rgb(214,202,195)
```
#e1d7d2
```
#e1d7d2 rgb(225,215,210)
```

Monochromatic Color

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

#c2a8a4
```
#c2a8a4 rgb(194,168,164)
```
#c2aaa4
```
#c2aaa4 rgb(194,170,164)
```
#c2ada4
```
#c2ada4 rgb(194,173,164)
```
#c2afa4
```
#c2afa4 rgb(194,175,164)
```
#c2b2a4
```
#c2b2a4 rgb(194,178,164)
```
#c2b4a4
```
#c2b4a4 rgb(194,180,164)
```
#c2b7a4
```
#c2b7a4 rgb(194,183,164)
```

Similar Colors

Text with hexadecimal color #c2afa4

This text has a font color of #c2afa4.

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

#c2afa4 background color

This paragraph has a background color of #c2afa4.

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

#c2afa4 border color

This element has a border color of #c2afa4.

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

CSS codes

.text {color:#c2afa4;}

.background {background-color:#c2afa4;}

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

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

#030202
```
#030202 rgb(3,2,2)
```
#0f0c0a
```
#0f0c0a rgb(15,12,10)
```
#1a1512
```
#1a1512 rgb(26,21,18)
```
#261e1a
```
#261e1a rgb(38,30,26)
```
#322721
```
#322721 rgb(50,39,33)
```
#3e3129
```
#3e3129 rgb(62,49,41)
```
#493a31
```
#493a31 rgb(73,58,49)
```
#554339
```
#554339 rgb(85,67,57)
```
#614d41
```
#614d41 rgb(97,77,65)
```
#6d5649
```
#6d5649 rgb(109,86,73)
```
#785f51
```
#785f51 rgb(120,95,81)
```
#846959
```
#846959 rgb(132,105,89)
```
#907260
```
#907260 rgb(144,114,96)
```

Shade Color Variation

#9b7b69
```
#9b7b69 rgb(155,123,105)
```
#a38675
```
#a38675 rgb(163,134,117)
```
#aa9081
```
#aa9081 rgb(170,144,129)
```
#b29a8d
```
#b29a8d rgb(178,154,141)
```
#baa598
```
#baa598 rgb(186,165,152)
```
#c2afa4
```
#c2afa4 rgb(194,175,164)
```
#cab9b0
```
#cab9b0 rgb(202,185,176)
```
#d2c4bb
```
#d2c4bb rgb(210,196,187)
```
#dacec7
```
#dacec7 rgb(218,206,199)
```
#e1d8d3
```
#e1d8d3 rgb(225,216,211)
```
#e9e3df
```
#e9e3df rgb(233,227,223)
```
#f1edea
```
#f1edea rgb(241,237,234)
```
#f9f7f6
```
#f9f7f6 rgb(249,247,246)
```

Tint Color Variation

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

#b6b2b0
```
#b6b2b0 rgb(182,178,176)
```
#bcb1aa
```
#bcb1aa rgb(188,177,170)
```
#c2afa4
```
#c2afa4 rgb(194,175,164)
```
#c8ad9e
```
#c8ad9e rgb(200,173,158)
```
#ceac98
```
#ceac98 rgb(206,172,152)
```
#d4aa92
```
#d4aa92 rgb(212,170,146)
```
#d9a98d
```
#d9a98d rgb(217,169,141)
```
#dfa787
```
#dfa787 rgb(223,167,135)
```
#e5a681
```
#e5a681 rgb(229,166,129)
```
#eba47b
```
#eba47b rgb(235,164,123)
```
#f1a375
```
#f1a375 rgb(241,163,117)
```
#f7a16f
```
#f7a16f rgb(247,161,111)
```
#fc9f6a
```
#fc9f6a rgb(252,159,106)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b6b2b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcb5aa Protanopia 1% of men
#ccb0a9 Deuteranopia 1% of men
#c8b0bc Tritanopia 0.001% of the population

Trichromacy

#beb3a7 Protanomaly 1% of men, 0.01% of women
#c8b0a7 Deuteranomaly 6% of men, 0.4% of women
#c5afb3 Tritanomaly 0.01% of the population

#c2afa4 hex color

#c2afa4 Color Information

#c2afa4 Color Conversion

Color Schemes with #c2afa4

Alternatives to #c2afa4

#c2afa4 Preview

Shades and Tints of #c2afa4

Tones of #c2afa4

Color Blindness Simulator