#c48f34 hex color

In a RGB color space, hex #c48f34 is composed of 76.9% red, 56.1% green and 20.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27% magenta, 73.5% yellow and 23.1% black. It has a hue angle of 37.9 degrees, a saturation of 58.1% and a lightness of 48.6%. #c48f34 color hex could be obtained by blending #ffff68 with #891f00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 77
- G 56
- B 20
RGB color chart
- C 0
- M 27
- Y 73
- K 23
CMYK color chart

● #c48f34 color description : Moderate orange.

The hexadecimal color #c48f34 has RGB values of R:196, G:143, B:52 and CMYK values of C:0, M:0.27, Y:0.73, K:0.23. Its decimal value is 12881716.

Hex triplet	c48f34	`#c48f34`
RGB Decimal	196, 143, 52	`rgb(196,143,52)`
RGB Percent	76.9, 56.1, 20.4	`rgb(76.9%,56.1%,20.4%)`
CMYK	0, 27, 73, 23
HSL	37.9°, 58.1, 48.6	`hsl(37.9,58.1%,48.6%)`
HSV (or HSB)	37.9°, 73.5, 76.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	63.036, 11.484, 53.905
XYZ	33.208, 31.631, 7.605
xyY	0.458, 0.437, 31.631
CIE-LCH	63.036, 55.114, 77.973
CIE-LUV	63.036, 43.07, 55.969
Hunter-Lab	56.241, 6.975, 31.351
Binary	11000100, 10001111, 00110100

#c48f34
```
#c48f34 rgb(196,143,52)
```
#3469c4
```
#3469c4 rgb(52,105,196)
```

Complementary Color

#c44734
```
#c44734 rgb(196,71,52)
```
#c48f34
```
#c48f34 rgb(196,143,52)
```
#b1c434
```
#b1c434 rgb(177,196,52)
```

Analogous Color

#4734c4
```
#4734c4 rgb(71,52,196)
```
#c48f34
```
#c48f34 rgb(196,143,52)
```
#34b1c4
```
#34b1c4 rgb(52,177,196)
```

Split Complementary Color

#8f34c4
```
#8f34c4 rgb(143,52,196)
```
#c48f34
```
#c48f34 rgb(196,143,52)
```
#34c48f
```
#34c48f rgb(52,196,143)
```

Triadic Color

#c43469
```
#c43469 rgb(196,52,105)
```
#c48f34
```
#c48f34 rgb(196,143,52)
```
#34c48f
```
#34c48f rgb(52,196,143)
```
#3469c4
```
#3469c4 rgb(52,105,196)
```

Tetradic Color

#886324
```
#886324 rgb(136,99,36)
```
#9c7229
```
#9c7229 rgb(156,114,41)
```
#b0802f
```
#b0802f rgb(176,128,47)
```
#c48f34
```
#c48f34 rgb(196,143,52)
```
#cd9b44
```
#cd9b44 rgb(205,155,68)
```
#d3a658
```
#d3a658 rgb(211,166,88)
```
#d8b06c
```
#d8b06c rgb(216,176,108)
```

Monochromatic Color

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

#c46b34
```
#c46b34 rgb(196,107,52)
```
#c47734
```
#c47734 rgb(196,119,52)
```
#c48334
```
#c48334 rgb(196,131,52)
```
#c48f34
```
#c48f34 rgb(196,143,52)
```
#c49b34
```
#c49b34 rgb(196,155,52)
```
#c4a734
```
#c4a734 rgb(196,167,52)
```
#c4b334
```
#c4b334 rgb(196,179,52)
```

Similar Colors

Text with hexadecimal color #c48f34

This text has a font color of #c48f34.

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

#c48f34 background color

This paragraph has a background color of #c48f34.

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

#c48f34 border color

This element has a border color of #c48f34.

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

CSS codes

.text {color:#c48f34;}

.background {background-color:#c48f34;}

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

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, #0a0703 is the darkest color, while #fefcf9 is the lightest one.

#0a0703
```
#0a0703 rgb(10,7,3)
```
#191307
```
#191307 rgb(25,19,7)
```
#291e0b
```
#291e0b rgb(41,30,11)
```
#38290f
```
#38290f rgb(56,41,15)
```
#483513
```
#483513 rgb(72,53,19)
```
#574017
```
#574017 rgb(87,64,23)
```
#674b1b
```
#674b1b rgb(103,75,27)
```
#76561f
```
#76561f rgb(118,86,31)
```
#866224
```
#866224 rgb(134,98,36)
```
#956d28
```
#956d28 rgb(149,109,40)
```
#a5782c
```
#a5782c rgb(165,120,44)
```
#b48430
```
#b48430 rgb(180,132,48)
```
#c48f34
```
#c48f34 rgb(196,143,52)
```

Shade Color Variation

#cc983f
```
#cc983f rgb(204,152,63)
```
#d0a14f
```
#d0a14f rgb(208,161,79)
```
#d4a95e
```
#d4a95e rgb(212,169,94)
```
#d9b16e
```
#d9b16e rgb(217,177,110)
```
#ddba7d
```
#ddba7d rgb(221,186,125)
```
#e1c28d
```
#e1c28d rgb(225,194,141)
```
#e5ca9c
```
#e5ca9c rgb(229,202,156)
```
#e9d3ac
```
#e9d3ac rgb(233,211,172)
```
#eddbbb
```
#eddbbb rgb(237,219,187)
```
#f1e3cb
```
#f1e3cb rgb(241,227,203)
```
#f5ebda
```
#f5ebda rgb(245,235,218)
```
#f9f4ea
```
#f9f4ea rgb(249,244,234)
```
#fefcf9
```
#fefcf9 rgb(254,252,249)
```

Tint Color Variation

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

#817d77
```
#817d77 rgb(129,125,119)
```
#8b806d
```
#8b806d rgb(139,128,109)
```
#948264
```
#948264 rgb(148,130,100)
```
#9e855a
```
#9e855a rgb(158,133,90)
```
#a78751
```
#a78751 rgb(167,135,81)
```
#b18a47
```
#b18a47 rgb(177,138,71)
```
#ba8c3e
```
#ba8c3e rgb(186,140,62)
```
#c48f34
```
#c48f34 rgb(196,143,52)
```
#ce922a
```
#ce922a rgb(206,146,42)
```
#d79421
```
#d79421 rgb(215,148,33)
```
#e19717
```
#e19717 rgb(225,151,23)
```
#ea990e
```
#ea990e rgb(234,153,14)
```
#f49c04
```
#f49c04 rgb(244,156,4)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#9e9381 Atypical Achromatopsia 0.001% of the population

Dichromacy

#af9e41 Protanopia 1% of men
#c3963d Deuteranopia 1% of men
#cd8c95 Tritanopia 0.001% of the population

Trichromacy

#b6983c Protanomaly 1% of men, 0.01% of women
#c3933a Deuteranomaly 6% of men, 0.4% of women
#c98d72 Tritanomaly 0.01% of the population

#c48f34 hex color

#c48f34 Color Information

#c48f34 Color Conversion

Color Schemes with #c48f34

Alternatives to #c48f34

#c48f34 Preview

Shades and Tints of #c48f34

Tones of #c48f34

Color Blindness Simulator