#c48a16 hex color

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

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

● #c48a16 color description : Strong orange.

The hexadecimal color #c48a16 has RGB values of R:196, G:138, B:22 and CMYK values of C:0, M:0.3, Y:0.89, K:0.23. Its decimal value is 12880406.

Hex triplet	c48a16	`#c48a16`
RGB Decimal	196, 138, 22	`rgb(196,138,22)`
RGB Percent	76.9, 54.1, 8.6	`rgb(76.9%,54.1%,8.6%)`
CMYK	0, 30, 89, 23
HSL	40°, 79.8, 42.7	`hsl(40,79.8%,42.7%)`
HSV (or HSB)	40°, 88.8, 76.9
Web Safe	cc9900	`#cc9900`

CIE-LAB	61.631, 13.217, 62.906
XYZ	31.999, 29.973, 4.859
xyY	0.479, 0.448, 29.973
CIE-LCH	61.631, 64.279, 78.134
CIE-LUV	61.631, 48.176, 60.363
Hunter-Lab	54.747, 8.523, 33.061
Binary	11000100, 10001010, 00010110

#c48a16
```
#c48a16 rgb(196,138,22)
```
#1650c4
```
#1650c4 rgb(22,80,196)
```

Complementary Color

#c43316
```
#c43316 rgb(196,51,22)
```
#c48a16
```
#c48a16 rgb(196,138,22)
```
#a7c416
```
#a7c416 rgb(167,196,22)
```

Analogous Color

#3316c4
```
#3316c4 rgb(51,22,196)
```
#c48a16
```
#c48a16 rgb(196,138,22)
```
#16a7c4
```
#16a7c4 rgb(22,167,196)
```

Split Complementary Color

#8a16c4
```
#8a16c4 rgb(138,22,196)
```
#c48a16
```
#c48a16 rgb(196,138,22)
```
#16c48a
```
#16c48a rgb(22,196,138)
```

Triadic Color

#c41650
```
#c41650 rgb(196,22,80)
```
#c48a16
```
#c48a16 rgb(196,138,22)
```
#16c48a
```
#16c48a rgb(22,196,138)
```
#1650c4
```
#1650c4 rgb(22,80,196)
```

Tetradic Color

#7f5a0e
```
#7f5a0e rgb(127,90,14)
```
#966a11
```
#966a11 rgb(150,106,17)
```
#ad7a13
```
#ad7a13 rgb(173,122,19)
```
#c48a16
```
#c48a16 rgb(196,138,22)
```
#db9a19
```
#db9a19 rgb(219,154,25)
```
#e7a726
```
#e7a726 rgb(231,167,38)
```
#e9b03d
```
#e9b03d rgb(233,176,61)
```

Monochromatic Color

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

#c45e16
```
#c45e16 rgb(196,94,22)
```
#c46d16
```
#c46d16 rgb(196,109,22)
```
#c47c16
```
#c47c16 rgb(196,124,22)
```
#c48a16
```
#c48a16 rgb(196,138,22)
```
#c49916
```
#c49916 rgb(196,153,22)
```
#c4a716
```
#c4a716 rgb(196,167,22)
```
#c4b616
```
#c4b616 rgb(196,182,22)
```

Similar Colors

Text with hexadecimal color #c48a16

This text has a font color of #c48a16.

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

#c48a16 background color

This paragraph has a background color of #c48a16.

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

#c48a16 border color

This element has a border color of #c48a16.

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

CSS codes

.text {color:#c48a16;}

.background {background-color:#c48a16;}

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

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)
```
#251a04
```
#251a04 rgb(37,26,4)
```
#372706
```
#372706 rgb(55,39,6)
```
#493308
```
#493308 rgb(73,51,8)
```
#5a3f0a
```
#5a3f0a rgb(90,63,10)
```
#6c4c0c
```
#6c4c0c rgb(108,76,12)
```
#7d580e
```
#7d580e rgb(125,88,14)
```
#8f6510
```
#8f6510 rgb(143,101,16)
```
#a17112
```
#a17112 rgb(161,113,18)
```
#b27e14
```
#b27e14 rgb(178,126,20)
```
#c48a16
```
#c48a16 rgb(196,138,22)
```
#d69618
```
#d69618 rgb(214,150,24)
```

Shade Color Variation

#e5a21c
```
#e5a21c rgb(229,162,28)
```
#e7a92d
```
#e7a92d rgb(231,169,45)
```
#e9b13f
```
#e9b13f rgb(233,177,63)
```
#ebb851
```
#ebb851 rgb(235,184,81)
```
#edbf62
```
#edbf62 rgb(237,191,98)
```
#efc674
```
#efc674 rgb(239,198,116)
```
#f1cd86
```
#f1cd86 rgb(241,205,134)
```
#f3d597
```
#f3d597 rgb(243,213,151)
```
#f5dca9
```
#f5dca9 rgb(245,220,169)
```
#f7e3ba
```
#f7e3ba rgb(247,227,186)
```
#f9eacc
```
#f9eacc rgb(249,234,204)
```
#fbf1de
```
#fbf1de rgb(251,241,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 #d59005 is the most saturated one.

#706e6a
```
#706e6a rgb(112,110,106)
```
#797161
```
#797161 rgb(121,113,97)
```
#817459
```
#817459 rgb(129,116,89)
```
#897651
```
#897651 rgb(137,118,81)
```
#927948
```
#927948 rgb(146,121,72)
```
#9a7c40
```
#9a7c40 rgb(154,124,64)
```
#a27f38
```
#a27f38 rgb(162,127,56)
```
#ab822f
```
#ab822f rgb(171,130,47)
```
#b38427
```
#b38427 rgb(179,132,39)
```
#bc871e
```
#bc871e rgb(188,135,30)
```
#c48a16
```
#c48a16 rgb(196,138,22)
```
#cc8d0e
```
#cc8d0e rgb(204,141,14)
```
#d59005
```
#d59005 rgb(213,144,5)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#998d76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ac9a25 Protanopia 1% of men
#c0921f Deuteranopia 1% of men
#cd868f Tritanopia 0.001% of the population

Trichromacy

#b5941f Protanomaly 1% of men, 0.01% of women
#c18f1c Deuteranomaly 6% of men, 0.4% of women
#c98763 Tritanomaly 0.01% of the population

#c48a16 hex color

#c48a16 Color Information

#c48a16 Color Conversion

Color Schemes with #c48a16

Alternatives to #c48a16

#c48a16 Preview

Shades and Tints of #c48a16

Tones of #c48a16

Color Blindness Simulator