#c49316 hex color

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

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

● #c49316 color description : Strong orange.

The hexadecimal color #c49316 has RGB values of R:196, G:147, B:22 and CMYK values of C:0, M:0.25, Y:0.89, K:0.23. Its decimal value is 12882710.

Hex triplet	c49316	`#c49316`
RGB Decimal	196, 147, 22	`rgb(196,147,22)`
RGB Percent	76.9, 57.6, 8.6	`rgb(76.9%,57.6%,8.6%)`
CMYK	0, 25, 89, 23
HSL	43.1°, 79.8, 42.7	`hsl(43.1,79.8%,42.7%)`
HSV (or HSB)	43.1°, 88.8, 76.9
Web Safe	cc9900	`#cc9900`

CIE-LAB	63.887, 8.298, 64.678
XYZ	33.344, 32.663, 5.307
xyY	0.468, 0.458, 32.663
CIE-LCH	63.887, 65.208, 82.689
CIE-LUV	63.887, 41.124, 63.821
Hunter-Lab	57.152, 4.128, 34.5
Binary	11000100, 10010011, 00010110

#c49316
```
#c49316 rgb(196,147,22)
```
#1647c4
```
#1647c4 rgb(22,71,196)
```

Complementary Color

#c43c16
```
#c43c16 rgb(196,60,22)
```
#c49316
```
#c49316 rgb(196,147,22)
```
#9ec416
```
#9ec416 rgb(158,196,22)
```

Analogous Color

#3c16c4
```
#3c16c4 rgb(60,22,196)
```
#c49316
```
#c49316 rgb(196,147,22)
```
#169ec4
```
#169ec4 rgb(22,158,196)
```

Split Complementary Color

#9316c4
```
#9316c4 rgb(147,22,196)
```
#c49316
```
#c49316 rgb(196,147,22)
```
#16c493
```
#16c493 rgb(22,196,147)
```

Triadic Color

#c41647
```
#c41647 rgb(196,22,71)
```
#c49316
```
#c49316 rgb(196,147,22)
```
#16c493
```
#16c493 rgb(22,196,147)
```
#1647c4
```
#1647c4 rgb(22,71,196)
```

Tetradic Color

#7f5f0e
```
#7f5f0e rgb(127,95,14)
```
#967111
```
#967111 rgb(150,113,17)
```
#ad8213
```
#ad8213 rgb(173,130,19)
```
#c49316
```
#c49316 rgb(196,147,22)
```
#dba419
```
#dba419 rgb(219,164,25)
```
#e7b126
```
#e7b126 rgb(231,177,38)
```
#e9b93d
```
#e9b93d rgb(233,185,61)
```

Monochromatic Color

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

#c46816
```
#c46816 rgb(196,104,22)
```
#c47616
```
#c47616 rgb(196,118,22)
```
#c48516
```
#c48516 rgb(196,133,22)
```
#c49316
```
#c49316 rgb(196,147,22)
```
#c4a216
```
#c4a216 rgb(196,162,22)
```
#c4b016
```
#c4b016 rgb(196,176,22)
```
#c4bf16
```
#c4bf16 rgb(196,191,22)
```

Similar Colors

Text with hexadecimal color #c49316

This text has a font color of #c49316.

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

#c49316 background color

This paragraph has a background color of #c49316.

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

#c49316 border color

This element has a border color of #c49316.

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

CSS codes

.text {color:#c49316;}

.background {background-color:#c49316;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#140f02
```
#140f02 rgb(20,15,2)
```
#251c04
```
#251c04 rgb(37,28,4)
```
#372906
```
#372906 rgb(55,41,6)
```
#493608
```
#493608 rgb(73,54,8)
```
#5a440a
```
#5a440a rgb(90,68,10)
```
#6c510c
```
#6c510c rgb(108,81,12)
```
#7d5e0e
```
#7d5e0e rgb(125,94,14)
```
#8f6b10
```
#8f6b10 rgb(143,107,16)
```
#a17912
```
#a17912 rgb(161,121,18)
```
#b28614
```
#b28614 rgb(178,134,20)
```
#c49316
```
#c49316 rgb(196,147,22)
```
#d6a018
```
#d6a018 rgb(214,160,24)
```

Shade Color Variation

#e5ad1c
```
#e5ad1c rgb(229,173,28)
```
#e7b32d
```
#e7b32d rgb(231,179,45)
```
#e9b93f
```
#e9b93f rgb(233,185,63)
```
#ebc051
```
#ebc051 rgb(235,192,81)
```
#edc662
```
#edc662 rgb(237,198,98)
```
#efcd74
```
#efcd74 rgb(239,205,116)
```
#f1d386
```
#f1d386 rgb(241,211,134)
```
#f3d997
```
#f3d997 rgb(243,217,151)
```
#f5e0a9
```
#f5e0a9 rgb(245,224,169)
```
#f7e6ba
```
#f7e6ba rgb(247,230,186)
```
#f9edcc
```
#f9edcc rgb(249,237,204)
```
#fbf3de
```
#fbf3de rgb(251,243,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 #d59a05 is the most saturated one.

#706e6a
```
#706e6a rgb(112,110,106)
```
#797261
```
#797261 rgb(121,114,97)
```
#817659
```
#817659 rgb(129,118,89)
```
#897951
```
#897951 rgb(137,121,81)
```
#927d48
```
#927d48 rgb(146,125,72)
```
#9a8140
```
#9a8140 rgb(154,129,64)
```
#a28438
```
#a28438 rgb(162,132,56)
```
#ab882f
```
#ab882f rgb(171,136,47)
```
#b38c27
```
#b38c27 rgb(179,140,39)
```
#bc8f1e
```
#bc8f1e rgb(188,143,30)
```
#c49316
```
#c49316 rgb(196,147,22)
```
#cc970e
```
#cc970e rgb(204,151,14)
```
#d59a05
```
#d59a05 rgb(213,154,5)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#9d937a Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a024 Protanopia 1% of men
#c79822 Deuteranopia 1% of men
#ce8e98 Tritanopia 0.001% of the population

Trichromacy

#b99b1f Protanomaly 1% of men, 0.01% of women
#c6961d Deuteranomaly 6% of men, 0.4% of women
#ca9069 Tritanomaly 0.01% of the population

#c49316 hex color

#c49316 Color Information

#c49316 Color Conversion

Color Schemes with #c49316

Alternatives to #c49316

#c49316 Preview

Shades and Tints of #c49316

Tones of #c49316

Color Blindness Simulator