#c48c1f hex color

In a RGB color space, hex #c48c1f is composed of 76.9% red, 54.9% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.6% magenta, 84.2% yellow and 23.1% black. It has a hue angle of 39.6 degrees, a saturation of 72.7% and a lightness of 44.5%. #c48c1f color hex could be obtained by blending #ffff3e with #891900. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 77
- G 55
- B 12
RGB color chart
- C 0
- M 29
- Y 84
- K 23
CMYK color chart

● #c48c1f color description : Strong orange.

The hexadecimal color #c48c1f has RGB values of R:196, G:140, B:31 and CMYK values of C:0, M:0.29, Y:0.84, K:0.23. Its decimal value is 12880927.

Hex triplet	c48c1f	`#c48c1f`
RGB Decimal	196, 140, 31	`rgb(196,140,31)`
RGB Percent	76.9, 54.9, 12.2	`rgb(76.9%,54.9%,12.2%)`
CMYK	0, 29, 84, 23
HSL	39.6°, 72.7, 44.5	`hsl(39.6,72.7%,44.5%)`
HSV (or HSB)	39.6°, 84.2, 76.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	62.162, 12.34, 60.852
XYZ	32.391, 30.593, 5.495
xyY	0.473, 0.447, 30.593
CIE-LCH	62.162, 62.091, 78.537
CIE-LUV	62.162, 46.324, 59.726
Hunter-Lab	55.311, 7.739, 32.827
Binary	11000100, 10001100, 00011111

#c48c1f
```
#c48c1f rgb(196,140,31)
```
#1f57c4
```
#1f57c4 rgb(31,87,196)
```

Complementary Color

#c43a1f
```
#c43a1f rgb(196,58,31)
```
#c48c1f
```
#c48c1f rgb(196,140,31)
```
#aac41f
```
#aac41f rgb(170,196,31)
```

Analogous Color

#391fc4
```
#391fc4 rgb(57,31,196)
```
#c48c1f
```
#c48c1f rgb(196,140,31)
```
#1faac4
```
#1faac4 rgb(31,170,196)
```

Split Complementary Color

#8c1fc4
```
#8c1fc4 rgb(140,31,196)
```
#c48c1f
```
#c48c1f rgb(196,140,31)
```
#1fc48c
```
#1fc48c rgb(31,196,140)
```

Triadic Color

#c41f57
```
#c41f57 rgb(196,31,87)
```
#c48c1f
```
#c48c1f rgb(196,140,31)
```
#1fc48c
```
#1fc48c rgb(31,196,140)
```
#1f57c4
```
#1f57c4 rgb(31,87,196)
```

Tetradic Color

#825d15
```
#825d15 rgb(130,93,21)
```
#986d18
```
#986d18 rgb(152,109,24)
```
#ae7c1c
```
#ae7c1c rgb(174,124,28)
```
#c48c1f
```
#c48c1f rgb(196,140,31)
```
#da9c22
```
#da9c22 rgb(218,156,34)
```
#dfa637
```
#dfa637 rgb(223,166,55)
```
#e3b04d
```
#e3b04d rgb(227,176,77)
```

Monochromatic Color

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

#c4631f
```
#c4631f rgb(196,99,31)
```
#c4711f
```
#c4711f rgb(196,113,31)
```
#c47e1f
```
#c47e1f rgb(196,126,31)
```
#c48c1f
```
#c48c1f rgb(196,140,31)
```
#c49a1f
```
#c49a1f rgb(196,154,31)
```
#c4a81f
```
#c4a81f rgb(196,168,31)
```
#c4b51f
```
#c4b51f rgb(196,181,31)
```

Similar Colors

Text with hexadecimal color #c48c1f

This text has a font color of #c48c1f.

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

#c48c1f background color

This paragraph has a background color of #c48c1f.

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

#c48c1f border color

This element has a border color of #c48c1f.

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

CSS codes

.text {color:#c48c1f;}

.background {background-color:#c48c1f;}

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

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

#0a0702
```
#0a0702 rgb(10,7,2)
```
#1b1304
```
#1b1304 rgb(27,19,4)
```
#2c1f07
```
#2c1f07 rgb(44,31,7)
```
#3d2b0a
```
#3d2b0a rgb(61,43,10)
```
#4d370c
```
#4d370c rgb(77,55,12)
```
#5e430f
```
#5e430f rgb(94,67,15)
```
#6f5012
```
#6f5012 rgb(111,80,18)
```
#805c14
```
#805c14 rgb(128,92,20)
```
#916817
```
#916817 rgb(145,104,23)
```
#a2741a
```
#a2741a rgb(162,116,26)
```
#b3801c
```
#b3801c rgb(179,128,28)
```
#c48c1f
```
#c48c1f rgb(196,140,31)
```
#d59822
```
#d59822 rgb(213,152,34)
```

Shade Color Variation

#dea22d
```
#dea22d rgb(222,162,45)
```
#e0a93d
```
#e0a93d rgb(224,169,61)
```
#e3b14e
```
#e3b14e rgb(227,177,78)
```
#e6b85f
```
#e6b85f rgb(230,184,95)
```
#e8c070
```
#e8c070 rgb(232,192,112)
```
#ebc781
```
#ebc781 rgb(235,199,129)
```
#eecf92
```
#eecf92 rgb(238,207,146)
```
#f0d6a3
```
#f0d6a3 rgb(240,214,163)
```
#f3deb4
```
#f3deb4 rgb(243,222,180)
```
#f6e5c5
```
#f6e5c5 rgb(246,229,197)
```
#f8edd6
```
#f8edd6 rgb(248,237,214)
```
#fbf4e7
```
#fbf4e7 rgb(251,244,231)
```
#fefcf8
```
#fefcf8 rgb(254,252,248)
```

Tint Color Variation

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

#75736e
```
#75736e rgb(117,115,110)
```
#7e7665
```
#7e7665 rgb(126,118,101)
```
#87785c
```
#87785c rgb(135,120,92)
```
#907b53
```
#907b53 rgb(144,123,83)
```
#987e4b
```
#987e4b rgb(152,126,75)
```
#a18142
```
#a18142 rgb(161,129,66)
```
#aa8439
```
#aa8439 rgb(170,132,57)
```
#b38630
```
#b38630 rgb(179,134,48)
```
#bb8928
```
#bb8928 rgb(187,137,40)
```
#c48c1f
```
#c48c1f rgb(196,140,31)
```
#cd8f16
```
#cd8f16 rgb(205,143,22)
```
#d5920e
```
#d5920e rgb(213,146,14)
```
#de9405
```
#de9405 rgb(222,148,5)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#9a8f79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9b2d Protanopia 1% of men
#c19429 Deuteranopia 1% of men
#cd8892 Tritanopia 0.001% of the population

Trichromacy

#b59628 Protanomaly 1% of men, 0.01% of women
#c29125 Deuteranomaly 6% of men, 0.4% of women
#ca8968 Tritanomaly 0.01% of the population

#c48c1f hex color

#c48c1f Color Information

#c48c1f Color Conversion

Color Schemes with #c48c1f

Alternatives to #c48c1f

#c48c1f Preview

Shades and Tints of #c48c1f

Tones of #c48c1f

Color Blindness Simulator