#c2af78 hex color

In a RGB color space, hex #c2af78 is composed of 76.1% red, 68.6% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.8% magenta, 38.1% yellow and 23.9% black. It has a hue angle of 44.6 degrees, a saturation of 37.8% and a lightness of 61.6%. #c2af78 color hex could be obtained by blending #fffff0 with #855f00. Closest websafe color is: #cc9966.

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

● #c2af78 color description : Slightly desaturated orange.

The hexadecimal color #c2af78 has RGB values of R:194, G:175, B:120 and CMYK values of C:0, M:0.1, Y:0.38, K:0.24. Its decimal value is 12758904.

Hex triplet	c2af78	`#c2af78`
RGB Decimal	194, 175, 120	`rgb(194,175,120)`
RGB Percent	76.1, 68.6, 47.1	`rgb(76.1%,68.6%,47.1%)`
CMYK	0, 10, 38, 24
HSL	44.6°, 37.8, 61.6	`hsl(44.6,37.8%,61.6%)`
HSV (or HSB)	44.6°, 38.1, 76.1
Web Safe	cc9966	`#cc9966`

CIE-LAB	71.884, -1.117, 30.704
XYZ	40.968, 43.486, 24.004
xyY	0.378, 0.401, 43.486
CIE-LCH	71.884, 30.724, 92.083
CIE-LUV	71.884, 15.228, 40.261
Hunter-Lab	65.944, -4.509, 24.579
Binary	11000010, 10101111, 01111000

#c2af78
```
#c2af78 rgb(194,175,120)
```
#788bc2
```
#788bc2 rgb(120,139,194)
```

Complementary Color

#c28a78
```
#c28a78 rgb(194,138,120)
```
#c2af78
```
#c2af78 rgb(194,175,120)
```
#b0c278
```
#b0c278 rgb(176,194,120)
```

Analogous Color

#8a78c2
```
#8a78c2 rgb(138,120,194)
```
#c2af78
```
#c2af78 rgb(194,175,120)
```
#78b0c2
```
#78b0c2 rgb(120,176,194)
```

Split Complementary Color

#af78c2
```
#af78c2 rgb(175,120,194)
```
#c2af78
```
#c2af78 rgb(194,175,120)
```
#78c2af
```
#78c2af rgb(120,194,175)
```

Triadic Color

#c2788b
```
#c2788b rgb(194,120,139)
```
#c2af78
```
#c2af78 rgb(194,175,120)
```
#78c2af
```
#78c2af rgb(120,194,175)
```
#788bc2
```
#788bc2 rgb(120,139,194)
```

Tetradic Color

#a48d4a
```
#a48d4a rgb(164,141,74)
```
#b29a55
```
#b29a55 rgb(178,154,85)
```
#baa566
```
#baa566 rgb(186,165,102)
```
#c2af78
```
#c2af78 rgb(194,175,120)
```
#cab98a
```
#cab98a rgb(202,185,138)
```
#d2c49b
```
#d2c49b rgb(210,196,155)
```
#dacead
```
#dacead rgb(218,206,173)
```

Monochromatic Color

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

#c29d78
```
#c29d78 rgb(194,157,120)
```
#c2a378
```
#c2a378 rgb(194,163,120)
```
#c2a978
```
#c2a978 rgb(194,169,120)
```
#c2af78
```
#c2af78 rgb(194,175,120)
```
#c2b578
```
#c2b578 rgb(194,181,120)
```
#c2bb78
```
#c2bb78 rgb(194,187,120)
```
#c2c278
```
#c2c278 rgb(194,194,120)
```

Similar Colors

Text with hexadecimal color #c2af78

This text has a font color of #c2af78.

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

#c2af78 background color

This paragraph has a background color of #c2af78.

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

#c2af78 border color

This element has a border color of #c2af78.

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

CSS codes

.text {color:#c2af78;}

.background {background-color:#c2af78;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0e0c06
```
#0e0c06 rgb(14,12,6)
```
#1b170c
```
#1b170c rgb(27,23,12)
```
#292312
```
#292312 rgb(41,35,18)
```
#362f18
```
#362f18 rgb(54,47,24)
```
#443a1f
```
#443a1f rgb(68,58,31)
```
#514625
```
#514625 rgb(81,70,37)
```
#5f512b
```
#5f512b rgb(95,81,43)
```
#6c5d31
```
#6c5d31 rgb(108,93,49)
```
#7a6937
```
#7a6937 rgb(122,105,55)
```
#87743d
```
#87743d rgb(135,116,61)
```
#958043
```
#958043 rgb(149,128,67)
```
#a28b49
```
#a28b49 rgb(162,139,73)
```

Shade Color Variation

#b0974f
```
#b0974f rgb(176,151,79)
```
#b69f5d
```
#b69f5d rgb(182,159,93)
```
#bca76a
```
#bca76a rgb(188,167,106)
```
#c2af78
```
#c2af78 rgb(194,175,120)
```
#c8b786
```
#c8b786 rgb(200,183,134)
```
#cebf93
```
#cebf93 rgb(206,191,147)
```
#d4c7a1
```
#d4c7a1 rgb(212,199,161)
```
#dacfae
```
#dacfae rgb(218,207,174)
```
#e1d7bc
```
#e1d7bc rgb(225,215,188)
```
#e7dfc9
```
#e7dfc9 rgb(231,223,201)
```
#ede7d7
```
#ede7d7 rgb(237,231,215)
```
#f3efe4
```
#f3efe4 rgb(243,239,228)
```
#f9f7f2
```
#f9f7f2 rgb(249,247,242)
```

Tint Color Variation

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

#a4a096
```
#a4a096 rgb(164,160,150)
```
#aba48f
```
#aba48f rgb(171,164,143)
```
#b3a887
```
#b3a887 rgb(179,168,135)
```
#baab80
```
#baab80 rgb(186,171,128)
```
#c2af78
```
#c2af78 rgb(194,175,120)
```
#cab370
```
#cab370 rgb(202,179,112)
```
#d1b669
```
#d1b669 rgb(209,182,105)
```
#d9ba61
```
#d9ba61 rgb(217,186,97)
```
#e0be5a
```
#e0be5a rgb(224,190,90)
```
#e8c152
```
#e8c152 rgb(232,193,82)
```
#efc54b
```
#efc54b rgb(239,197,75)
```
#f7c943
```
#f7c943 rgb(247,201,67)
```
#fecc3c
```
#fecc3c rgb(254,204,60)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#b2aea3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b47f Protanopia 1% of men
#d5ad80 Deuteranopia 1% of men
#ccabb7 Tritanopia 0.001% of the population

Trichromacy

#c2b27c Protanomaly 1% of men, 0.01% of women
#cead7d Deuteranomaly 6% of men, 0.4% of women
#c8aca0 Tritanomaly 0.01% of the population

#c2af78 hex color

#c2af78 Color Information

#c2af78 Color Conversion

Color Schemes with #c2af78

Alternatives to #c2af78

#c2af78 Preview

Shades and Tints of #c2af78

Tones of #c2af78

Color Blindness Simulator