#c48a3e hex color

In a RGB color space, hex #c48a3e is composed of 76.9% red, 54.1% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.6% magenta, 68.4% yellow and 23.1% black. It has a hue angle of 34 degrees, a saturation of 53.2% and a lightness of 50.6%. #c48a3e color hex could be obtained by blending #ffff7c with #891500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 77
- G 54
- B 24
RGB color chart
- C 0
- M 30
- Y 68
- K 23
CMYK color chart

● #c48a3e color description : Moderate orange.

The hexadecimal color #c48a3e has RGB values of R:196, G:138, B:62 and CMYK values of C:0, M:0.3, Y:0.68, K:0.23. Its decimal value is 12880446.

Hex triplet	c48a3e	`#c48a3e`
RGB Decimal	196, 138, 62	`rgb(196,138,62)`
RGB Percent	76.9, 54.1, 24.3	`rgb(76.9%,54.1%,24.3%)`
CMYK	0, 30, 68, 23
HSL	34°, 53.2, 50.6	`hsl(34,53.2%,50.6%)`
HSV (or HSB)	34°, 68.4, 76.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	61.88, 14.748, 48.216
XYZ	32.724, 30.262, 8.675
xyY	0.457, 0.422, 30.262
CIE-LCH	61.88, 50.421, 72.993
CIE-LUV	61.88, 46.232, 50.607
Hunter-Lab	55.011, 9.911, 29.158
Binary	11000100, 10001010, 00111110

#c48a3e
```
#c48a3e rgb(196,138,62)
```
#3e78c4
```
#3e78c4 rgb(62,120,196)
```

Complementary Color

#c4473e
```
#c4473e rgb(196,71,62)
```
#c48a3e
```
#c48a3e rgb(196,138,62)
```
#bbc43e
```
#bbc43e rgb(187,196,62)
```

Analogous Color

#473ec4
```
#473ec4 rgb(71,62,196)
```
#c48a3e
```
#c48a3e rgb(196,138,62)
```
#3ebbc4
```
#3ebbc4 rgb(62,187,196)
```

Split Complementary Color

#8a3ec4
```
#8a3ec4 rgb(138,62,196)
```
#c48a3e
```
#c48a3e rgb(196,138,62)
```
#3ec48a
```
#3ec48a rgb(62,196,138)
```

Triadic Color

#c43e78
```
#c43e78 rgb(196,62,120)
```
#c48a3e
```
#c48a3e rgb(196,138,62)
```
#3ec48a
```
#3ec48a rgb(62,196,138)
```
#3e78c4
```
#3e78c4 rgb(62,120,196)
```

Tetradic Color

#8b612a
```
#8b612a rgb(139,97,42)
```
#9f6f30
```
#9f6f30 rgb(159,111,48)
```
#b27d36
```
#b27d36 rgb(178,125,54)
```
#c48a3e
```
#c48a3e rgb(196,138,62)
```
#ca9652
```
#ca9652 rgb(202,150,82)
```
#d0a265
```
#d0a265 rgb(208,162,101)
```
#d6ae79
```
#d6ae79 rgb(214,174,121)
```

Monochromatic Color

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

#c4693e
```
#c4693e rgb(196,105,62)
```
#c4743e
```
#c4743e rgb(196,116,62)
```
#c47f3e
```
#c47f3e rgb(196,127,62)
```
#c48a3e
```
#c48a3e rgb(196,138,62)
```
#c4953e
```
#c4953e rgb(196,149,62)
```
#c4a03e
```
#c4a03e rgb(196,160,62)
```
#c4ac3e
```
#c4ac3e rgb(196,172,62)
```

Similar Colors

Text with hexadecimal color #c48a3e

This text has a font color of #c48a3e.

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

#c48a3e background color

This paragraph has a background color of #c48a3e.

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

#c48a3e border color

This element has a border color of #c48a3e.

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

CSS codes

.text {color:#c48a3e;}

.background {background-color:#c48a3e;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#110c05
```
#110c05 rgb(17,12,5)
```
#20170a
```
#20170a rgb(32,23,10)
```
#2f210e
```
#2f210e rgb(47,33,14)
```
#3e2c13
```
#3e2c13 rgb(62,44,19)
```
#4d3618
```
#4d3618 rgb(77,54,24)
```
#5c411c
```
#5c411c rgb(92,65,28)
```
#6b4b21
```
#6b4b21 rgb(107,75,33)
```
#7a5625
```
#7a5625 rgb(122,86,37)
```
#8a602a
```
#8a602a rgb(138,96,42)
```
#996b2f
```
#996b2f rgb(153,107,47)
```
#a87533
```
#a87533 rgb(168,117,51)
```
#b78038
```
#b78038 rgb(183,128,56)
```

Shade Color Variation

#c48a3e
```
#c48a3e rgb(196,138,62)
```
#c9934d
```
#c9934d rgb(201,147,77)
```
#cd9c5c
```
#cd9c5c rgb(205,156,92)
```
#d2a56b
```
#d2a56b rgb(210,165,107)
```
#d6ae7a
```
#d6ae7a rgb(214,174,122)
```
#dbb889
```
#dbb889 rgb(219,184,137)
```
#e0c198
```
#e0c198 rgb(224,193,152)
```
#e4caa7
```
#e4caa7 rgb(228,202,167)
```
#e9d3b6
```
#e9d3b6 rgb(233,211,182)
```
#eddcc5
```
#eddcc5 rgb(237,220,197)
```
#f2e5d4
```
#f2e5d4 rgb(242,229,212)
```
#f7eee3
```
#f7eee3 rgb(247,238,227)
```
#fbf7f2
```
#fbf7f2 rgb(251,247,242)
```

Tint Color Variation

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

#8a8278
```
#8a8278 rgb(138,130,120)
```
#94836e
```
#94836e rgb(148,131,110)
```
#9d8565
```
#9d8565 rgb(157,133,101)
```
#a7865b
```
#a7865b rgb(167,134,91)
```
#b18751
```
#b18751 rgb(177,135,81)
```
#ba8948
```
#ba8948 rgb(186,137,72)
```
#c48a3e
```
#c48a3e rgb(196,138,62)
```
#ce8b34
```
#ce8b34 rgb(206,139,52)
```
#d78d2b
```
#d78d2b rgb(215,141,43)
```
#e18e21
```
#e18e21 rgb(225,142,33)
```
#eb8f17
```
#eb8f17 rgb(235,143,23)
```
#f4910e
```
#f4910e rgb(244,145,14)
```
#fe9204
```
#fe9204 rgb(254,146,4)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#9d9182 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9b4b Protanopia 1% of men
#be9346 Deuteranopia 1% of men
#cc8891 Tritanopia 0.001% of the population

Trichromacy

#b49446 Protanomaly 1% of men, 0.01% of women
#c09043 Deuteranomaly 6% of men, 0.4% of women
#c98873 Tritanomaly 0.01% of the population

#c48a3e hex color

#c48a3e Color Information

#c48a3e Color Conversion

Color Schemes with #c48a3e

Alternatives to #c48a3e

#c48a3e Preview

Shades and Tints of #c48a3e

Tones of #c48a3e

Color Blindness Simulator