#c48f16 hex color

In a RGB color space, hex #c48f16 is composed of 76.9% red, 56.1% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27% magenta, 88.8% yellow and 23.1% black. It has a hue angle of 41.7 degrees, a saturation of 79.8% and a lightness of 42.7%. #c48f16 color hex could be obtained by blending #ffff2c with #891f00. Closest websafe color is: #cc9900.

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

● #c48f16 color description : Strong orange.

The hexadecimal color #c48f16 has RGB values of R:196, G:143, B:22 and CMYK values of C:0, M:0.27, Y:0.89, K:0.23. Its decimal value is 12881686.

Hex triplet	c48f16	`#c48f16`
RGB Decimal	196, 143, 22	`rgb(196,143,22)`
RGB Percent	76.9, 56.1, 8.6	`rgb(76.9%,56.1%,8.6%)`
CMYK	0, 27, 89, 23
HSL	41.7°, 79.8, 42.7	`hsl(41.7,79.8%,42.7%)`
HSV (or HSB)	41.7°, 88.8, 76.9
Web Safe	cc9900	`#cc9900`

CIE-LAB	62.878, 10.481, 63.885
XYZ	32.733, 31.441, 5.104
xyY	0.472, 0.454, 31.441
CIE-LCH	62.878, 64.739, 80.683
CIE-LUV	62.878, 44.239, 62.28
Hunter-Lab	56.072, 6.077, 33.854
Binary	11000100, 10001111, 00010110

#c48f16
```
#c48f16 rgb(196,143,22)
```
#164bc4
```
#164bc4 rgb(22,75,196)
```

Complementary Color

#c43816
```
#c43816 rgb(196,56,22)
```
#c48f16
```
#c48f16 rgb(196,143,22)
```
#a2c416
```
#a2c416 rgb(162,196,22)
```

Analogous Color

#3816c4
```
#3816c4 rgb(56,22,196)
```
#c48f16
```
#c48f16 rgb(196,143,22)
```
#16a2c4
```
#16a2c4 rgb(22,162,196)
```

Split Complementary Color

#8f16c4
```
#8f16c4 rgb(143,22,196)
```
#c48f16
```
#c48f16 rgb(196,143,22)
```
#16c48f
```
#16c48f rgb(22,196,143)
```

Triadic Color

#c4164b
```
#c4164b rgb(196,22,75)
```
#c48f16
```
#c48f16 rgb(196,143,22)
```
#16c48f
```
#16c48f rgb(22,196,143)
```
#164bc4
```
#164bc4 rgb(22,75,196)
```

Tetradic Color

#7f5d0e
```
#7f5d0e rgb(127,93,14)
```
#966e11
```
#966e11 rgb(150,110,17)
```
#ad7e13
```
#ad7e13 rgb(173,126,19)
```
#c48f16
```
#c48f16 rgb(196,143,22)
```
#dba019
```
#dba019 rgb(219,160,25)
```
#e7ac26
```
#e7ac26 rgb(231,172,38)
```
#e9b53d
```
#e9b53d rgb(233,181,61)
```

Monochromatic Color

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

#c46416
```
#c46416 rgb(196,100,22)
```
#c47216
```
#c47216 rgb(196,114,22)
```
#c48116
```
#c48116 rgb(196,129,22)
```
#c48f16
```
#c48f16 rgb(196,143,22)
```
#c49e16
```
#c49e16 rgb(196,158,22)
```
#c4ac16
```
#c4ac16 rgb(196,172,22)
```
#c4bb16
```
#c4bb16 rgb(196,187,22)
```

Similar Colors

Text with hexadecimal color #c48f16

This text has a font color of #c48f16.

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

#c48f16 background color

This paragraph has a background color of #c48f16.

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

#c48f16 border color

This element has a border color of #c48f16.

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

CSS codes

.text {color:#c48f16;}

.background {background-color:#c48f16;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#140e02
```
#140e02 rgb(20,14,2)
```
#251b04
```
#251b04 rgb(37,27,4)
```
#372806
```
#372806 rgb(55,40,6)
```
#493508
```
#493508 rgb(73,53,8)
```
#5a420a
```
#5a420a rgb(90,66,10)
```
#6c4f0c
```
#6c4f0c rgb(108,79,12)
```
#7d5c0e
```
#7d5c0e rgb(125,92,14)
```
#8f6810
```
#8f6810 rgb(143,104,16)
```
#a17512
```
#a17512 rgb(161,117,18)
```
#b28214
```
#b28214 rgb(178,130,20)
```
#c48f16
```
#c48f16 rgb(196,143,22)
```
#d69c18
```
#d69c18 rgb(214,156,24)
```

Shade Color Variation

#e5a81c
```
#e5a81c rgb(229,168,28)
```
#e7af2d
```
#e7af2d rgb(231,175,45)
```
#e9b63f
```
#e9b63f rgb(233,182,63)
```
#ebbc51
```
#ebbc51 rgb(235,188,81)
```
#edc362
```
#edc362 rgb(237,195,98)
```
#efca74
```
#efca74 rgb(239,202,116)
```
#f1d186
```
#f1d186 rgb(241,209,134)
```
#f3d797
```
#f3d797 rgb(243,215,151)
```
#f5dea9
```
#f5dea9 rgb(245,222,169)
```
#f7e5ba
```
#f7e5ba rgb(247,229,186)
```
#f9eccc
```
#f9eccc rgb(249,236,204)
```
#fbf2de
```
#fbf2de rgb(251,242,222)
```
#fdf9ef
```
#fdf9ef rgb(253,249,239)
```

Tint Color Variation

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

#706e6a
```
#706e6a rgb(112,110,106)
```
#797261
```
#797261 rgb(121,114,97)
```
#817559
```
#817559 rgb(129,117,89)
```
#897851
```
#897851 rgb(137,120,81)
```
#927b48
```
#927b48 rgb(146,123,72)
```
#9a7f40
```
#9a7f40 rgb(154,127,64)
```
#a28238
```
#a28238 rgb(162,130,56)
```
#ab852f
```
#ab852f rgb(171,133,47)
```
#b38827
```
#b38827 rgb(179,136,39)
```
#bc8c1e
```
#bc8c1e rgb(188,140,30)
```
#c48f16
```
#c48f16 rgb(196,143,22)
```
#cc920e
```
#cc920e rgb(204,146,14)
```
#d59605
```
#d59605 rgb(213,150,5)
```

Tone Color Variation

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

Dichromacy

#b09d24 Protanopia 1% of men
#c49521 Deuteranopia 1% of men
#cd8b94 Tritanopia 0.001% of the population

Trichromacy

#b7981f Protanomaly 1% of men, 0.01% of women
#c4931d Deuteranomaly 6% of men, 0.4% of women
#ca8c66 Tritanomaly 0.01% of the population

#c48f16 hex color

#c48f16 Color Information

#c48f16 Color Conversion

Color Schemes with #c48f16

Alternatives to #c48f16

#c48f16 Preview

Shades and Tints of #c48f16

Tones of #c48f16

Color Blindness Simulator