#c5a367 hex color

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

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

● #c5a367 color description : Slightly desaturated orange.

The hexadecimal color #c5a367 has RGB values of R:197, G:163, B:103 and CMYK values of C:0, M:0.17, Y:0.48, K:0.23. Its decimal value is 12952423.

Hex triplet	c5a367	`#c5a367`
RGB Decimal	197, 163, 103	`rgb(197,163,103)`
RGB Percent	77.3, 63.9, 40.4	`rgb(77.3%,63.9%,40.4%)`
CMYK	0, 17, 48, 23
HSL	38.3°, 44.8, 58.8	`hsl(38.3,44.8%,58.8%)`
HSV (or HSB)	38.3°, 47.7, 77.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	68.784, 4.731, 35.735
XYZ	38.571, 39.045, 18.336
xyY	0.402, 0.407, 39.045
CIE-LCH	68.784, 36.046, 82.459
CIE-LUV	68.784, 26.198, 43.819
Hunter-Lab	62.486, 0.833, 26.342
Binary	11000101, 10100011, 01100111

#c5a367
```
#c5a367 rgb(197,163,103)
```
#6789c5
```
#6789c5 rgb(103,137,197)
```

Complementary Color

#c57467
```
#c57467 rgb(197,116,103)
```
#c5a367
```
#c5a367 rgb(197,163,103)
```
#b8c567
```
#b8c567 rgb(184,197,103)
```

Analogous Color

#7467c5
```
#7467c5 rgb(116,103,197)
```
#c5a367
```
#c5a367 rgb(197,163,103)
```
#67b8c5
```
#67b8c5 rgb(103,184,197)
```

Split Complementary Color

#a367c5
```
#a367c5 rgb(163,103,197)
```
#c5a367
```
#c5a367 rgb(197,163,103)
```
#67c5a3
```
#67c5a3 rgb(103,197,163)
```

Triadic Color

#c56789
```
#c56789 rgb(197,103,137)
```
#c5a367
```
#c5a367 rgb(197,163,103)
```
#67c5a3
```
#67c5a3 rgb(103,197,163)
```
#6789c5
```
#6789c5 rgb(103,137,197)
```

Tetradic Color

#a27e3e
```
#a27e3e rgb(162,126,62)
```
#b48c45
```
#b48c45 rgb(180,140,69)
```
#be9855
```
#be9855 rgb(190,152,85)
```
#c5a367
```
#c5a367 rgb(197,163,103)
```
#ccae79
```
#ccae79 rgb(204,174,121)
```
#d3b98c
```
#d3b98c rgb(211,185,140)
```
#dac59e
```
#dac59e rgb(218,197,158)
```

Monochromatic Color

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

#c58c67
```
#c58c67 rgb(197,140,103)
```
#c59367
```
#c59367 rgb(197,147,103)
```
#c59b67
```
#c59b67 rgb(197,155,103)
```
#c5a367
```
#c5a367 rgb(197,163,103)
```
#c5ab67
```
#c5ab67 rgb(197,171,103)
```
#c5b367
```
#c5b367 rgb(197,179,103)
```
#c5bb67
```
#c5bb67 rgb(197,187,103)
```

Similar Colors

Text with hexadecimal color #c5a367

This text has a font color of #c5a367.

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

#c5a367 background color

This paragraph has a background color of #c5a367.

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

#c5a367 border color

This element has a border color of #c5a367.

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

CSS codes

.text {color:#c5a367;}

.background {background-color:#c5a367;}

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

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)
```
#120e07
```
#120e07 rgb(18,14,7)
```
#21190c
```
#21190c rgb(33,25,12)
```
#2f2412
```
#2f2412 rgb(47,36,18)
```
#3d2f17
```
#3d2f17 rgb(61,47,23)
```
#4b3a1d
```
#4b3a1d rgb(75,58,29)
```
#594522
```
#594522 rgb(89,69,34)
```
#685028
```
#685028 rgb(104,80,40)
```
#765b2d
```
#765b2d rgb(118,91,45)
```
#846632
```
#846632 rgb(132,102,50)
```
#927138
```
#927138 rgb(146,113,56)
```
#a07c3d
```
#a07c3d rgb(160,124,61)
```
#af8843
```
#af8843 rgb(175,136,67)
```

Shade Color Variation

#ba924b
```
#ba924b rgb(186,146,75)
```
#c09a59
```
#c09a59 rgb(192,154,89)
```
#c5a367
```
#c5a367 rgb(197,163,103)
```
#caac75
```
#caac75 rgb(202,172,117)
```
#d0b483
```
#d0b483 rgb(208,180,131)
```
#d5bd92
```
#d5bd92 rgb(213,189,146)
```
#dbc5a0
```
#dbc5a0 rgb(219,197,160)
```
#e0ceae
```
#e0ceae rgb(224,206,174)
```
#e6d7bc
```
#e6d7bc rgb(230,215,188)
```
#ebdfca
```
#ebdfca rgb(235,223,202)
```
#f0e8d9
```
#f0e8d9 rgb(240,232,217)
```
#f6f0e7
```
#f6f0e7 rgb(246,240,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 #feb32e is the most saturated one.

#9d988f
```
#9d988f rgb(157,152,143)
```
#a59a87
```
#a59a87 rgb(165,154,135)
```
#ad9c7f
```
#ad9c7f rgb(173,156,127)
```
#b59f77
```
#b59f77 rgb(181,159,119)
```
#bda16f
```
#bda16f rgb(189,161,111)
```
#c5a367
```
#c5a367 rgb(197,163,103)
```
#cda55f
```
#cda55f rgb(205,165,95)
```
#d5a757
```
#d5a757 rgb(213,167,87)
```
#ddaa4f
```
#ddaa4f rgb(221,170,79)
```
#e5ac47
```
#e5ac47 rgb(229,172,71)
```
#edae3f
```
#edae3f rgb(237,174,63)
```
#f5b037
```
#f5b037 rgb(245,176,55)
```
#feb32e
```
#feb32e rgb(254,179,46)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#aca599 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbac70 Protanopia 1% of men
#cea56f Deuteranopia 1% of men
#cea0ab Tritanopia 0.001% of the population

Trichromacy

#bea86d Protanomaly 1% of men, 0.01% of women
#cba46c Deuteranomaly 6% of men, 0.4% of women
#cba192 Tritanomaly 0.01% of the population

#c5a367 hex color

#c5a367 Color Information

#c5a367 Color Conversion

Color Schemes with #c5a367

Alternatives to #c5a367

#c5a367 Preview

Shades and Tints of #c5a367

Tones of #c5a367

Color Blindness Simulator