#c48450 hex color

In a RGB color space, hex #c48450 is composed of 76.9% red, 51.8% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.7% magenta, 59.2% yellow and 23.1% black. It has a hue angle of 26.9 degrees, a saturation of 49.6% and a lightness of 54.1%. #c48450 color hex could be obtained by blending #ffffa0 with #890900. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 77
- G 52
- B 31
RGB color chart
- C 0
- M 33
- Y 59
- K 23
CMYK color chart

● #c48450 color description : Moderate orange.

The hexadecimal color #c48450 has RGB values of R:196, G:132, B:80 and CMYK values of C:0, M:0.33, Y:0.59, K:0.23. Its decimal value is 12878928.

Hex triplet	c48450	`#c48450`
RGB Decimal	196, 132, 80	`rgb(196,132,80)`
RGB Percent	76.9, 51.8, 31.4	`rgb(76.9%,51.8%,31.4%)`
CMYK	0, 33, 59, 23
HSL	26.9°, 49.6, 54.1	`hsl(26.9,49.6%,54.1%)`
HSV (or HSB)	26.9°, 59.2, 76.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	60.622, 19.244, 37.728
XYZ	32.465, 28.819, 11.442
xyY	0.446, 0.396, 28.819
CIE-LCH	60.622, 42.352, 62.975
CIE-LUV	60.622, 49.141, 40.482
Hunter-Lab	53.684, 13.999, 24.942
Binary	11000100, 10000100, 01010000

#c48450
```
#c48450 rgb(196,132,80)
```
#5090c4
```
#5090c4 rgb(80,144,196)
```

Complementary Color

#c45056
```
#c45056 rgb(196,80,86)
```
#c48450
```
#c48450 rgb(196,132,80)
```
#c4be50
```
#c4be50 rgb(196,190,80)
```

Analogous Color

#5056c4
```
#5056c4 rgb(80,86,196)
```
#c48450
```
#c48450 rgb(196,132,80)
```
#50c4be
```
#50c4be rgb(80,196,190)
```

Split Complementary Color

#8450c4
```
#8450c4 rgb(132,80,196)
```
#c48450
```
#c48450 rgb(196,132,80)
```
#50c484
```
#50c484 rgb(80,196,132)
```

Triadic Color

#c45090
```
#c45090 rgb(196,80,144)
```
#c48450
```
#c48450 rgb(196,132,80)
```
#50c484
```
#50c484 rgb(80,196,132)
```
#5090c4
```
#5090c4 rgb(80,144,196)
```

Tetradic Color

#955f32
```
#955f32 rgb(149,95,50)
```
#a86b39
```
#a86b39 rgb(168,107,57)
```
#bb773f
```
#bb773f rgb(187,119,63)
```
#c48450
```
#c48450 rgb(196,132,80)
```
#ca9163
```
#ca9163 rgb(202,145,99)
```
#d19f76
```
#d19f76 rgb(209,159,118)
```
#d7ac89
```
#d7ac89 rgb(215,172,137)
```

Monochromatic Color

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

#c46750
```
#c46750 rgb(196,103,80)
```
#c47150
```
#c47150 rgb(196,113,80)
```
#c47a50
```
#c47a50 rgb(196,122,80)
```
#c48450
```
#c48450 rgb(196,132,80)
```
#c48e50
```
#c48e50 rgb(196,142,80)
```
#c49750
```
#c49750 rgb(196,151,80)
```
#c4a150
```
#c4a150 rgb(196,161,80)
```

Similar Colors

Text with hexadecimal color #c48450

This text has a font color of #c48450.

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

#c48450 background color

This paragraph has a background color of #c48450.

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

#c48450 border color

This element has a border color of #c48450.

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

CSS codes

.text {color:#c48450;}

.background {background-color:#c48450;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#100a05
```
#100a05 rgb(16,10,5)
```
#1e130a
```
#1e130a rgb(30,19,10)
```
#2d1d0f
```
#2d1d0f rgb(45,29,15)
```
#3c2614
```
#3c2614 rgb(60,38,20)
```
#4a2f19
```
#4a2f19 rgb(74,47,25)
```
#59381e
```
#59381e rgb(89,56,30)
```
#684223
```
#684223 rgb(104,66,35)
```
#764b28
```
#764b28 rgb(118,75,40)
```
#85542d
```
#85542d rgb(133,84,45)
```
#945e32
```
#945e32 rgb(148,94,50)
```
#a26737
```
#a26737 rgb(162,103,55)
```
#b1703c
```
#b1703c rgb(177,112,60)
```

Shade Color Variation

#bf7a41
```
#bf7a41 rgb(191,122,65)
```
#c48450
```
#c48450 rgb(196,132,80)
```
#c98e5f
```
#c98e5f rgb(201,142,95)
```
#ce996d
```
#ce996d rgb(206,153,109)
```
#d3a37c
```
#d3a37c rgb(211,163,124)
```
#d8ad8b
```
#d8ad8b rgb(216,173,139)
```
#ddb899
```
#ddb899 rgb(221,184,153)
```
#e2c2a8
```
#e2c2a8 rgb(226,194,168)
```
#e7ccb7
```
#e7ccb7 rgb(231,204,183)
```
#ecd6c5
```
#ecd6c5 rgb(236,214,197)
```
#f1e1d4
```
#f1e1d4 rgb(241,225,212)
```
#f5ebe3
```
#f5ebe3 rgb(245,235,227)
```
#faf5f1
```
#faf5f1 rgb(250,245,241)
```

Tint Color Variation

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

#8e8a86
```
#8e8a86 rgb(142,138,134)
```
#97897d
```
#97897d rgb(151,137,125)
```
#a08874
```
#a08874 rgb(160,136,116)
```
#a9876b
```
#a9876b rgb(169,135,107)
```
#b28662
```
#b28662 rgb(178,134,98)
```
#bb8559
```
#bb8559 rgb(187,133,89)
```
#c48450
```
#c48450 rgb(196,132,80)
```
#cd8347
```
#cd8347 rgb(205,131,71)
```
#d6823e
```
#d6823e rgb(214,130,62)
```
#df8135
```
#df8135 rgb(223,129,53)
```
#e8802c
```
#e8802c rgb(232,128,44)
```
#f17f23
```
#f17f23 rgb(241,127,35)
```
#fa7e1a
```
#fa7e1a rgb(250,126,26)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#9b8e84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5975d Protanopia 1% of men
#b89157 Deuteranopia 1% of men
#cb848c Tritanopia 0.001% of the population

Trichromacy

#b09058 Protanomaly 1% of men, 0.01% of women
#bc8c54 Deuteranomaly 6% of men, 0.4% of women
#c88476 Tritanomaly 0.01% of the population

#c48450 hex color

#c48450 Color Information

#c48450 Color Conversion

Color Schemes with #c48450

Alternatives to #c48450

#c48450 Preview

Shades and Tints of #c48450

Tones of #c48450

Color Blindness Simulator