#c48d1f hex color

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

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

● #c48d1f color description : Strong orange.

The hexadecimal color #c48d1f has RGB values of R:196, G:141, B:31 and CMYK values of C:0, M:0.28, Y:0.84, K:0.23. Its decimal value is 12881183.

Hex triplet	c48d1f	`#c48d1f`
RGB Decimal	196, 141, 31	`rgb(196,141,31)`
RGB Percent	76.9, 55.3, 12.2	`rgb(76.9%,55.3%,12.2%)`
CMYK	0, 28, 84, 23
HSL	40°, 72.7, 44.5	`hsl(40,72.7%,44.5%)`
HSV (or HSB)	40°, 84.2, 76.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	62.412, 11.792, 61.063
XYZ	32.538, 30.886, 5.544
xyY	0.472, 0.448, 30.886
CIE-LCH	62.412, 62.191, 79.07
CIE-LUV	62.412, 45.542, 60.117
Hunter-Lab	55.576, 7.249, 32.988
Binary	11000100, 10001101, 00011111

#c48d1f
```
#c48d1f rgb(196,141,31)
```
#1f56c4
```
#1f56c4 rgb(31,86,196)
```

Complementary Color

#c43b1f
```
#c43b1f rgb(196,59,31)
```
#c48d1f
```
#c48d1f rgb(196,141,31)
```
#a9c41f
```
#a9c41f rgb(169,196,31)
```

Analogous Color

#3a1fc4
```
#3a1fc4 rgb(58,31,196)
```
#c48d1f
```
#c48d1f rgb(196,141,31)
```
#1fa9c4
```
#1fa9c4 rgb(31,169,196)
```

Split Complementary Color

#8d1fc4
```
#8d1fc4 rgb(141,31,196)
```
#c48d1f
```
#c48d1f rgb(196,141,31)
```
#1fc48d
```
#1fc48d rgb(31,196,141)
```

Triadic Color

#c41f56
```
#c41f56 rgb(196,31,86)
```
#c48d1f
```
#c48d1f rgb(196,141,31)
```
#1fc48d
```
#1fc48d rgb(31,196,141)
```
#1f56c4
```
#1f56c4 rgb(31,86,196)
```

Tetradic Color

#825d15
```
#825d15 rgb(130,93,21)
```
#986d18
```
#986d18 rgb(152,109,24)
```
#ae7d1c
```
#ae7d1c rgb(174,125,28)
```
#c48d1f
```
#c48d1f rgb(196,141,31)
```
#da9d22
```
#da9d22 rgb(218,157,34)
```
#dfa737
```
#dfa737 rgb(223,167,55)
```
#e3b14d
```
#e3b14d rgb(227,177,77)
```

Monochromatic Color

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

#c4641f
```
#c4641f rgb(196,100,31)
```
#c4721f
```
#c4721f rgb(196,114,31)
```
#c47f1f
```
#c47f1f rgb(196,127,31)
```
#c48d1f
```
#c48d1f rgb(196,141,31)
```
#c49b1f
```
#c49b1f rgb(196,155,31)
```
#c4a91f
```
#c4a91f rgb(196,169,31)
```
#c4b61f
```
#c4b61f rgb(196,182,31)
```

Similar Colors

Text with hexadecimal color #c48d1f

This text has a font color of #c48d1f.

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

#c48d1f background color

This paragraph has a background color of #c48d1f.

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

#c48d1f border color

This element has a border color of #c48d1f.

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

CSS codes

.text {color:#c48d1f;}

.background {background-color:#c48d1f;}

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

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)
```
#3d2c0a
```
#3d2c0a rgb(61,44,10)
```
#4d380c
```
#4d380c rgb(77,56,12)
```
#5e440f
```
#5e440f rgb(94,68,15)
```
#6f5012
```
#6f5012 rgb(111,80,18)
```
#805c14
```
#805c14 rgb(128,92,20)
```
#916817
```
#916817 rgb(145,104,23)
```
#a2751a
```
#a2751a rgb(162,117,26)
```
#b3811c
```
#b3811c rgb(179,129,28)
```
#c48d1f
```
#c48d1f rgb(196,141,31)
```
#d59922
```
#d59922 rgb(213,153,34)
```

Shade Color Variation

#dea32d
```
#dea32d rgb(222,163,45)
```
#e0aa3d
```
#e0aa3d rgb(224,170,61)
```
#e3b24e
```
#e3b24e rgb(227,178,78)
```
#e6b95f
```
#e6b95f rgb(230,185,95)
```
#e8c070
```
#e8c070 rgb(232,192,112)
```
#ebc881
```
#ebc881 rgb(235,200,129)
```
#eecf92
```
#eecf92 rgb(238,207,146)
```
#f0d7a3
```
#f0d7a3 rgb(240,215,163)
```
#f3deb4
```
#f3deb4 rgb(243,222,180)
```
#f6e6c5
```
#f6e6c5 rgb(246,230,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 #de9605 is the most saturated one.

#75736e
```
#75736e rgb(117,115,110)
```
#7e7665
```
#7e7665 rgb(126,118,101)
```
#87795c
```
#87795c rgb(135,121,92)
```
#907c53
```
#907c53 rgb(144,124,83)
```
#987e4b
```
#987e4b rgb(152,126,75)
```
#a18142
```
#a18142 rgb(161,129,66)
```
#aa8439
```
#aa8439 rgb(170,132,57)
```
#b38730
```
#b38730 rgb(179,135,48)
```
#bb8a28
```
#bb8a28 rgb(187,138,40)
```
#c48d1f
```
#c48d1f rgb(196,141,31)
```
#cd9016
```
#cd9016 rgb(205,144,22)
```
#d5930e
```
#d5930e rgb(213,147,14)
```
#de9605
```
#de9605 rgb(222,150,5)
```

Tone Color Variation

Below, you can see how #c48d1f 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
#9b907a Atypical Achromatopsia 0.001% of the population

Dichromacy

#ae9c2d Protanopia 1% of men
#c29429 Deuteranopia 1% of men
#cd8993 Tritanopia 0.001% of the population

Trichromacy

#b69628 Protanomaly 1% of men, 0.01% of women
#c39225 Deuteranomaly 6% of men, 0.4% of women
#ca8a68 Tritanomaly 0.01% of the population

#c48d1f hex color

#c48d1f Color Information

#c48d1f Color Conversion

Color Schemes with #c48d1f

Alternatives to #c48d1f

#c48d1f Preview

Shades and Tints of #c48d1f

Tones of #c48d1f

Color Blindness Simulator