colorhexa.com

#c48e50 hex color

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

- R 77
- G 56
- B 31
RGB color chart
- C 0
- M 28
- Y 59
- K 23
CMYK color chart

● #c48e50 color description : Moderate orange.

The hexadecimal color #c48e50 has RGB values of R:196, G:142, B:80 and CMYK values of C:0, M:0.28, Y:0.59, K:0.23. Its decimal value is 12881488.

Hex triplet	c48e50	`#c48e50`
RGB Decimal	196, 142, 80	`rgb(196,142,80)`
RGB Percent	76.9, 55.7, 31.4	`rgb(76.9%,55.7%,31.4%)`
CMYK	0, 28, 59, 23
HSL	32.1°, 49.6, 54.1	`hsl(32.1,49.6%,54.1%)`
HSV (or HSB)	32.1°, 59.2, 76.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	63.063, 13.751, 40.651
XYZ	33.886, 31.663, 11.916
xyY	0.437, 0.409, 31.663
CIE-LCH	63.063, 42.914, 71.311
CIE-LUV	63.063, 41.861, 45.043
Hunter-Lab	56.27, 9.023, 26.833
Binary	11000100, 10001110, 01010000

#c48e50
```
#c48e50 rgb(196,142,80)
```
#5086c4
```
#5086c4 rgb(80,134,196)
```

Complementary Color

#c45450
```
#c45450 rgb(196,84,80)
```
#c48e50
```
#c48e50 rgb(196,142,80)
```
#c0c450
```
#c0c450 rgb(192,196,80)
```

Analogous Color

#5450c4
```
#5450c4 rgb(84,80,196)
```
#c48e50
```
#c48e50 rgb(196,142,80)
```
#50c0c4
```
#50c0c4 rgb(80,192,196)
```

Split Complementary Color

#8e50c4
```
#8e50c4 rgb(142,80,196)
```
#c48e50
```
#c48e50 rgb(196,142,80)
```
#50c48e
```
#50c48e rgb(80,196,142)
```

Triadic Color

#c45086
```
#c45086 rgb(196,80,134)
```
#c48e50
```
#c48e50 rgb(196,142,80)
```
#50c48e
```
#50c48e rgb(80,196,142)
```
#5086c4
```
#5086c4 rgb(80,134,196)
```

Tetradic Color

#956732
```
#956732 rgb(149,103,50)
```
#a87439
```
#a87439 rgb(168,116,57)
```
#bb823f
```
#bb823f rgb(187,130,63)
```
#c48e50
```
#c48e50 rgb(196,142,80)
```
#ca9a63
```
#ca9a63 rgb(202,154,99)
```
#d1a776
```
#d1a776 rgb(209,167,118)
```
#d7b389
```
#d7b389 rgb(215,179,137)
```

Monochromatic Color

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

#c47150
```
#c47150 rgb(196,113,80)
```
#c47b50
```
#c47b50 rgb(196,123,80)
```
#c48450
```
#c48450 rgb(196,132,80)
```
#c48e50
```
#c48e50 rgb(196,142,80)
```
#c49850
```
#c49850 rgb(196,152,80)
```
#c4a150
```
#c4a150 rgb(196,161,80)
```
#c4ab50
```
#c4ab50 rgb(196,171,80)
```

Similar Colors

Text with hexadecimal color #c48e50

This text has a font color of #c48e50.

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

#c48e50 background color

This paragraph has a background color of #c48e50.

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

#c48e50 border color

This element has a border color of #c48e50.

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

CSS codes

.text {color:#c48e50;}

.background {background-color:#c48e50;}

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

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 #faf6f1 is the lightest one.

#010100
```
#010100 rgb(1,1,0)
```
#100b05
```
#100b05 rgb(16,11,5)
```
#1e150a
```
#1e150a rgb(30,21,10)
```
#2d1f0f
```
#2d1f0f rgb(45,31,15)
```
#3c2914
```
#3c2914 rgb(60,41,20)
```
#4a3319
```
#4a3319 rgb(74,51,25)
```
#593e1e
```
#593e1e rgb(89,62,30)
```
#684823
```
#684823 rgb(104,72,35)
```
#765228
```
#765228 rgb(118,82,40)
```
#855c2d
```
#855c2d rgb(133,92,45)
```
#946632
```
#946632 rgb(148,102,50)
```
#a27037
```
#a27037 rgb(162,112,55)
```
#b17a3c
```
#b17a3c rgb(177,122,60)
```

Shade Color Variation

#bf8541
```
#bf8541 rgb(191,133,65)
```
#c48e50
```
#c48e50 rgb(196,142,80)
```
#c9975f
```
#c9975f rgb(201,151,95)
```
#cea16d
```
#cea16d rgb(206,161,109)
```
#d3aa7c
```
#d3aa7c rgb(211,170,124)
```
#d8b48b
```
#d8b48b rgb(216,180,139)
```
#ddbd99
```
#ddbd99 rgb(221,189,153)
```
#e2c7a8
```
#e2c7a8 rgb(226,199,168)
```
#e7d0b7
```
#e7d0b7 rgb(231,208,183)
```
#ecdac5
```
#ecdac5 rgb(236,218,197)
```
#f1e3d4
```
#f1e3d4 rgb(241,227,212)
```
#f5ede3
```
#f5ede3 rgb(245,237,227)
```
#faf6f1
```
#faf6f1 rgb(250,246,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 #fa921a is the most saturated one.

#8e8a86
```
#8e8a86 rgb(142,138,134)
```
#978b7d
```
#978b7d rgb(151,139,125)
```
#a08c74
```
#a08c74 rgb(160,140,116)
```
#a98c6b
```
#a98c6b rgb(169,140,107)
```
#b28d62
```
#b28d62 rgb(178,141,98)
```
#bb8d59
```
#bb8d59 rgb(187,141,89)
```
#c48e50
```
#c48e50 rgb(196,142,80)
```
#cd8f47
```
#cd8f47 rgb(205,143,71)
```
#d68f3e
```
#d68f3e rgb(214,143,62)
```
#df9035
```
#df9035 rgb(223,144,53)
```
#e8902c
```
#e8902c rgb(232,144,44)
```
#f19123
```
#f19123 rgb(241,145,35)
```
#fa921a
```
#fa921a rgb(250,146,26)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#a09589 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ac9d5c Protanopia 1% of men
#bf9758 Deuteranopia 1% of men
#cc8c96 Tritanopia 0.001% of the population

Trichromacy

#b59857 Protanomaly 1% of men, 0.01% of women
#c19355 Deuteranomaly 6% of men, 0.4% of women
#c98d7c Tritanomaly 0.01% of the population