#c5a368 hex color

In a RGB color space, hex #c5a368 is composed of 77.3% red, 63.9% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.3% magenta, 47.2% yellow and 22.7% black. It has a hue angle of 38.1 degrees, a saturation of 44.5% and a lightness of 59%. #c5a368 color hex could be obtained by blending #ffffd0 with #8b4700. Closest websafe color is: #cc9966.

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

● #c5a368 color description : Slightly desaturated orange.

The hexadecimal color #c5a368 has RGB values of R:197, G:163, B:104 and CMYK values of C:0, M:0.17, Y:0.47, K:0.23. Its decimal value is 12952424.

Hex triplet	c5a368	`#c5a368`
RGB Decimal	197, 163, 104	`rgb(197,163,104)`
RGB Percent	77.3, 63.9, 40.8	`rgb(77.3%,63.9%,40.8%)`
CMYK	0, 17, 47, 23
HSL	38.1°, 44.5, 59	`hsl(38.1,44.5%,59%)`
HSV (or HSB)	38.1°, 47.2, 77.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	68.799, 4.829, 35.228
XYZ	38.622, 39.066, 18.602
xyY	0.401, 0.406, 39.066
CIE-LCH	68.799, 35.558, 82.194
CIE-LUV	68.799, 26.125, 43.284
Hunter-Lab	62.502, 0.921, 26.106
Binary	11000101, 10100011, 01101000

#c5a368
```
#c5a368 rgb(197,163,104)
```
#688ac5
```
#688ac5 rgb(104,138,197)
```

Complementary Color

#c57568
```
#c57568 rgb(197,117,104)
```
#c5a368
```
#c5a368 rgb(197,163,104)
```
#b9c568
```
#b9c568 rgb(185,197,104)
```

Analogous Color

#7568c5
```
#7568c5 rgb(117,104,197)
```
#c5a368
```
#c5a368 rgb(197,163,104)
```
#68b9c5
```
#68b9c5 rgb(104,185,197)
```

Split Complementary Color

#a368c5
```
#a368c5 rgb(163,104,197)
```
#c5a368
```
#c5a368 rgb(197,163,104)
```
#68c5a3
```
#68c5a3 rgb(104,197,163)
```

Triadic Color

#c5688a
```
#c5688a rgb(197,104,138)
```
#c5a368
```
#c5a368 rgb(197,163,104)
```
#68c5a3
```
#68c5a3 rgb(104,197,163)
```
#688ac5
```
#688ac5 rgb(104,138,197)
```

Tetradic Color

#a27e3e
```
#a27e3e rgb(162,126,62)
```
#b58c45
```
#b58c45 rgb(181,140,69)
```
#be9856
```
#be9856 rgb(190,152,86)
```
#c5a368
```
#c5a368 rgb(197,163,104)
```
#ccae7a
```
#ccae7a rgb(204,174,122)
```
#d3b98d
```
#d3b98d rgb(211,185,141)
```
#dac59f
```
#dac59f rgb(218,197,159)
```

Monochromatic Color

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

#c58c68
```
#c58c68 rgb(197,140,104)
```
#c59468
```
#c59468 rgb(197,148,104)
```
#c59b68
```
#c59b68 rgb(197,155,104)
```
#c5a368
```
#c5a368 rgb(197,163,104)
```
#c5ab68
```
#c5ab68 rgb(197,171,104)
```
#c5b368
```
#c5b368 rgb(197,179,104)
```
#c5ba68
```
#c5ba68 rgb(197,186,104)
```

Similar Colors

Text with hexadecimal color #c5a368

This text has a font color of #c5a368.

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

#c5a368 background color

This paragraph has a background color of #c5a368.

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

#c5a368 border color

This element has a border color of #c5a368.

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

CSS codes

.text {color:#c5a368;}

.background {background-color:#c5a368;}

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

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

#050402
```
#050402 rgb(5,4,2)
```
#130f07
```
#130f07 rgb(19,15,7)
```
#211a0d
```
#211a0d rgb(33,26,13)
```
#2f2512
```
#2f2512 rgb(47,37,18)
```
#3e3018
```
#3e3018 rgb(62,48,24)
```
#4c3b1d
```
#4c3b1d rgb(76,59,29)
```
#5a4623
```
#5a4623 rgb(90,70,35)
```
#685128
```
#685128 rgb(104,81,40)
```
#765c2d
```
#765c2d rgb(118,92,45)
```
#846733
```
#846733 rgb(132,103,51)
```
#937238
```
#937238 rgb(147,114,56)
```
#a17d3e
```
#a17d3e rgb(161,125,62)
```
#af8843
```
#af8843 rgb(175,136,67)
```

Shade Color Variation

#ba924c
```
#ba924c rgb(186,146,76)
```
#c09a5a
```
#c09a5a rgb(192,154,90)
```
#c5a368
```
#c5a368 rgb(197,163,104)
```
#caac76
```
#caac76 rgb(202,172,118)
```
#d0b484
```
#d0b484 rgb(208,180,132)
```
#d5bd93
```
#d5bd93 rgb(213,189,147)
```
#dbc6a1
```
#dbc6a1 rgb(219,198,161)
```
#e0ceaf
```
#e0ceaf rgb(224,206,175)
```
#e6d7bd
```
#e6d7bd rgb(230,215,189)
```
#ebdfcb
```
#ebdfcb rgb(235,223,203)
```
#f1e8d9
```
#f1e8d9 rgb(241,232,217)
```
#f6f1e8
```
#f6f1e8 rgb(246,241,232)
```
#fbf9f6
```
#fbf9f6 rgb(251,249,246)
```

Tint Color Variation

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

#9d9890
```
#9d9890 rgb(157,152,144)
```
#a59a88
```
#a59a88 rgb(165,154,136)
```
#ad9d80
```
#ad9d80 rgb(173,157,128)
```
#b59f78
```
#b59f78 rgb(181,159,120)
```
#bda170
```
#bda170 rgb(189,161,112)
```
#c5a368
```
#c5a368 rgb(197,163,104)
```
#cda560
```
#cda560 rgb(205,165,96)
```
#d5a758
```
#d5a758 rgb(213,167,88)
```
#dda950
```
#dda950 rgb(221,169,80)
```
#e5ac48
```
#e5ac48 rgb(229,172,72)
```
#edae40
```
#edae40 rgb(237,174,64)
```
#f5b038
```
#f5b038 rgb(245,176,56)
```
#fdb230
```
#fdb230 rgb(253,178,48)
```

Tone Color Variation

Below, you can see how #c5a368 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
#aca59a Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbac71 Protanopia 1% of men
#cea570 Deuteranopia 1% of men
#cea0ab Tritanopia 0.001% of the population

Trichromacy

#bea86e Protanomaly 1% of men, 0.01% of women
#cba46d Deuteranomaly 6% of men, 0.4% of women
#caa192 Tritanomaly 0.01% of the population

#c5a368 hex color

#c5a368 Color Information

#c5a368 Color Conversion

Color Schemes with #c5a368

Alternatives to #c5a368

#c5a368 Preview

Shades and Tints of #c5a368

Tones of #c5a368

Color Blindness Simulator