#c5a667 hex color

In a RGB color space, hex #c5a667 is composed of 77.3% red, 65.1% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.7% magenta, 47.7% yellow and 22.7% black. It has a hue angle of 40.2 degrees, a saturation of 44.8% and a lightness of 58.8%. #c5a667 color hex could be obtained by blending #ffffce with #8b4d00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 77
- G 65
- B 40
RGB color chart
- C 0
- M 16
- Y 48
- K 23
CMYK color chart

● #c5a667 color description : Slightly desaturated orange.

The hexadecimal color #c5a667 has RGB values of R:197, G:166, B:103 and CMYK values of C:0, M:0.16, Y:0.48, K:0.23. Its decimal value is 12953191.

Hex triplet	c5a667	`#c5a667`
RGB Decimal	197, 166, 103	`rgb(197,166,103)`
RGB Percent	77.3, 65.1, 40.4	`rgb(77.3%,65.1%,40.4%)`
CMYK	0, 16, 48, 23
HSL	40.2°, 44.8, 58.8	`hsl(40.2,44.8%,58.8%)`
HSV (or HSB)	40.2°, 47.7, 77.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	69.557, 3.114, 36.708
XYZ	39.11, 40.123, 18.516
xyY	0.4, 0.41, 40.123
CIE-LCH	69.557, 36.84, 85.151
CIE-LUV	69.557, 24.205, 45.322
Hunter-Lab	63.343, -0.637, 27.009
Binary	11000101, 10100110, 01100111

#c5a667
```
#c5a667 rgb(197,166,103)
```
#6786c5
```
#6786c5 rgb(103,134,197)
```

Complementary Color

#c57767
```
#c57767 rgb(197,119,103)
```
#c5a667
```
#c5a667 rgb(197,166,103)
```
#b5c567
```
#b5c567 rgb(181,197,103)
```

Analogous Color

#7767c5
```
#7767c5 rgb(119,103,197)
```
#c5a667
```
#c5a667 rgb(197,166,103)
```
#67b5c5
```
#67b5c5 rgb(103,181,197)
```

Split Complementary Color

#a667c5
```
#a667c5 rgb(166,103,197)
```
#c5a667
```
#c5a667 rgb(197,166,103)
```
#67c5a6
```
#67c5a6 rgb(103,197,166)
```

Triadic Color

#c56786
```
#c56786 rgb(197,103,134)
```
#c5a667
```
#c5a667 rgb(197,166,103)
```
#67c5a6
```
#67c5a6 rgb(103,197,166)
```
#6786c5
```
#6786c5 rgb(103,134,197)
```

Tetradic Color

#a2813e
```
#a2813e rgb(162,129,62)
```
#b48f45
```
#b48f45 rgb(180,143,69)
```
#be9b55
```
#be9b55 rgb(190,155,85)
```
#c5a667
```
#c5a667 rgb(197,166,103)
```
#ccb179
```
#ccb179 rgb(204,177,121)
```
#d3bc8c
```
#d3bc8c rgb(211,188,140)
```
#dac69e
```
#dac69e rgb(218,198,158)
```

Monochromatic Color

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

#c58f67
```
#c58f67 rgb(197,143,103)
```
#c59667
```
#c59667 rgb(197,150,103)
```
#c59e67
```
#c59e67 rgb(197,158,103)
```
#c5a667
```
#c5a667 rgb(197,166,103)
```
#c5ae67
```
#c5ae67 rgb(197,174,103)
```
#c5b667
```
#c5b667 rgb(197,182,103)
```
#c5be67
```
#c5be67 rgb(197,190,103)
```

Similar Colors

Text with hexadecimal color #c5a667

This text has a font color of #c5a667.

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

#c5a667 background color

This paragraph has a background color of #c5a667.

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

#c5a667 border color

This element has a border color of #c5a667.

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

CSS codes

.text {color:#c5a667;}

.background {background-color:#c5a667;}

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

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

#040302
```
#040302 rgb(4,3,2)
```
#120f07
```
#120f07 rgb(18,15,7)
```
#211a0c
```
#211a0c rgb(33,26,12)
```
#2f2512
```
#2f2512 rgb(47,37,18)
```
#3d3117
```
#3d3117 rgb(61,49,23)
```
#4b3c1d
```
#4b3c1d rgb(75,60,29)
```
#594722
```
#594722 rgb(89,71,34)
```
#685228
```
#685228 rgb(104,82,40)
```
#765e2d
```
#765e2d rgb(118,94,45)
```
#846932
```
#846932 rgb(132,105,50)
```
#927438
```
#927438 rgb(146,116,56)
```
#a0803d
```
#a0803d rgb(160,128,61)
```
#af8b43
```
#af8b43 rgb(175,139,67)
```

Shade Color Variation

#ba954b
```
#ba954b rgb(186,149,75)
```
#c09e59
```
#c09e59 rgb(192,158,89)
```
#c5a667
```
#c5a667 rgb(197,166,103)
```
#caae75
```
#caae75 rgb(202,174,117)
```
#d0b783
```
#d0b783 rgb(208,183,131)
```
#d5bf92
```
#d5bf92 rgb(213,191,146)
```
#dbc7a0
```
#dbc7a0 rgb(219,199,160)
```
#e0d0ae
```
#e0d0ae rgb(224,208,174)
```
#e6d8bc
```
#e6d8bc rgb(230,216,188)
```
#ebe0ca
```
#ebe0ca rgb(235,224,202)
```
#f0e9d9
```
#f0e9d9 rgb(240,233,217)
```
#f6f1e7
```
#f6f1e7 rgb(246,241,231)
```
#fbf9f5
```
#fbf9f5 rgb(251,249,245)
```

Tint Color Variation

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

#9d988f
```
#9d988f rgb(157,152,143)
```
#a59b87
```
#a59b87 rgb(165,155,135)
```
#ad9e7f
```
#ad9e7f rgb(173,158,127)
```
#b5a177
```
#b5a177 rgb(181,161,119)
```
#bda36f
```
#bda36f rgb(189,163,111)
```
#c5a667
```
#c5a667 rgb(197,166,103)
```
#cda95f
```
#cda95f rgb(205,169,95)
```
#d5ab57
```
#d5ab57 rgb(213,171,87)
```
#ddae4f
```
#ddae4f rgb(221,174,79)
```
#e5b147
```
#e5b147 rgb(229,177,71)
```
#edb43f
```
#edb43f rgb(237,180,63)
```
#f5b637
```
#f5b637 rgb(245,182,55)
```
#feb92e
```
#feb92e rgb(254,185,46)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#aea89b Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdae70 Protanopia 1% of men
#d1a770 Deuteranopia 1% of men
#cea2ae Tritanopia 0.001% of the population

Trichromacy

#c0ab6c Protanomaly 1% of men, 0.01% of women
#cca66c Deuteranomaly 6% of men, 0.4% of women
#cba394 Tritanomaly 0.01% of the population

#c5a667 hex color

#c5a667 Color Information

#c5a667 Color Conversion

Color Schemes with #c5a667

Alternatives to #c5a667

#c5a667 Preview

Shades and Tints of #c5a667

Tones of #c5a667

Color Blindness Simulator