#ca8316 hex color

In a RGB color space, hex #ca8316 is composed of 79.2% red, 51.4% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.1% magenta, 89.1% yellow and 20.8% black. It has a hue angle of 36.3 degrees, a saturation of 80.4% and a lightness of 43.9%. #ca8316 color hex could be obtained by blending #ffff2c with #950700. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 79
- G 51
- B 9
RGB color chart
- C 0
- M 35
- Y 89
- K 21
CMYK color chart

● #ca8316 color description : Strong orange.

The hexadecimal color #ca8316 has RGB values of R:202, G:131, B:22 and CMYK values of C:0, M:0.35, Y:0.89, K:0.21. Its decimal value is 13271830.

Hex triplet	ca8316	`#ca8316`
RGB Decimal	202, 131, 22	`rgb(202,131,22)`
RGB Percent	79.2, 51.4, 8.6	`rgb(79.2%,51.4%,8.6%)`
CMYK	0, 35, 89, 21
HSL	36.3°, 80.4, 43.9	`hsl(36.3,80.4%,43.9%)`
HSV (or HSB)	36.3°, 89.1, 79.2
Web Safe	cc9900	`#cc9900`

CIE-LAB	60.649, 19.683, 62.447
XYZ	32.619, 28.849, 4.61
xyY	0.494, 0.437, 28.849
CIE-LCH	60.649, 65.476, 72.505
CIE-LUV	60.649, 58.696, 57.954
Hunter-Lab	53.712, 14.408, 32.51
Binary	11001010, 10000011, 00010110

#ca8316
```
#ca8316 rgb(202,131,22)
```
#165dca
```
#165dca rgb(22,93,202)
```

Complementary Color

#ca2916
```
#ca2916 rgb(202,41,22)
```
#ca8316
```
#ca8316 rgb(202,131,22)
```
#b7ca16
```
#b7ca16 rgb(183,202,22)
```

Analogous Color

#2916ca
```
#2916ca rgb(41,22,202)
```
#ca8316
```
#ca8316 rgb(202,131,22)
```
#16b7ca
```
#16b7ca rgb(22,183,202)
```

Split Complementary Color

#8316ca
```
#8316ca rgb(131,22,202)
```
#ca8316
```
#ca8316 rgb(202,131,22)
```
#16ca83
```
#16ca83 rgb(22,202,131)
```

Triadic Color

#ca165d
```
#ca165d rgb(202,22,93)
```
#ca8316
```
#ca8316 rgb(202,131,22)
```
#16ca83
```
#16ca83 rgb(22,202,131)
```
#165dca
```
#165dca rgb(22,93,202)
```

Tetradic Color

#85560e
```
#85560e rgb(133,86,14)
```
#9c6511
```
#9c6511 rgb(156,101,17)
```
#b37413
```
#b37413 rgb(179,116,19)
```
#ca8316
```
#ca8316 rgb(202,131,22)
```
#e19219
```
#e19219 rgb(225,146,25)
```
#e89d2b
```
#e89d2b rgb(232,157,43)
```
#eaa842
```
#eaa842 rgb(234,168,66)
```

Monochromatic Color

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

#ca5616
```
#ca5616 rgb(202,86,22)
```
#ca6516
```
#ca6516 rgb(202,101,22)
```
#ca7416
```
#ca7416 rgb(202,116,22)
```
#ca8316
```
#ca8316 rgb(202,131,22)
```
#ca9216
```
#ca9216 rgb(202,146,22)
```
#caa116
```
#caa116 rgb(202,161,22)
```
#cab016
```
#cab016 rgb(202,176,22)
```

Similar Colors

Text with hexadecimal color #ca8316

This text has a font color of #ca8316.

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

#ca8316 background color

This paragraph has a background color of #ca8316.

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

#ca8316 border color

This element has a border color of #ca8316.

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

CSS codes

.text {color:#ca8316;}

.background {background-color:#ca8316;}

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

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

#070501
```
#070501 rgb(7,5,1)
```
#191003
```
#191003 rgb(25,16,3)
```
#2b1c05
```
#2b1c05 rgb(43,28,5)
```
#3c2707
```
#3c2707 rgb(60,39,7)
```
#4e3309
```
#4e3309 rgb(78,51,9)
```
#603e0a
```
#603e0a rgb(96,62,10)
```
#724a0c
```
#724a0c rgb(114,74,12)
```
#83550e
```
#83550e rgb(131,85,14)
```
#956110
```
#956110 rgb(149,97,16)
```
#a76c12
```
#a76c12 rgb(167,108,18)
```
#b87814
```
#b87814 rgb(184,120,20)
```
#ca8316
```
#ca8316 rgb(202,131,22)
```
#dc8e18
```
#dc8e18 rgb(220,142,24)
```

Shade Color Variation

#e79920
```
#e79920 rgb(231,153,32)
```
#e9a132
```
#e9a132 rgb(233,161,50)
```
#eba944
```
#eba944 rgb(235,169,68)
```
#edb156
```
#edb156 rgb(237,177,86)
```
#eeb967
```
#eeb967 rgb(238,185,103)
```
#f0c179
```
#f0c179 rgb(240,193,121)
```
#f2c98b
```
#f2c98b rgb(242,201,139)
```
#f4d29c
```
#f4d29c rgb(244,210,156)
```
#f6daae
```
#f6daae rgb(246,218,174)
```
#f8e2c0
```
#f8e2c0 rgb(248,226,192)
```
#faead1
```
#faead1 rgb(250,234,209)
```
#fcf2e3
```
#fcf2e3 rgb(252,242,227)
```
#fefaf5
```
#fefaf5 rgb(254,250,245)
```

Tint Color Variation

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

#74716c
```
#74716c rgb(116,113,108)
```
#7c7364
```
#7c7364 rgb(124,115,100)
```
#85745b
```
#85745b rgb(133,116,91)
```
#8e7652
```
#8e7652 rgb(142,118,82)
```
#96784a
```
#96784a rgb(150,120,74)
```
#9f7a41
```
#9f7a41 rgb(159,122,65)
```
#a87c38
```
#a87c38 rgb(168,124,56)
```
#b07e30
```
#b07e30 rgb(176,126,48)
```
#b97f27
```
#b97f27 rgb(185,127,39)
```
#c1811f
```
#c1811f rgb(193,129,31)
```
#ca8316
```
#ca8316 rgb(202,131,22)
```
#d3850d
```
#d3850d rgb(211,133,13)
```
#db8705
```
#db8705 rgb(219,135,5)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#988a74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9826 Protanopia 1% of men
#bd901c Deuteranopia 1% of men
#d28089 Tritanopia 0.001% of the population

Trichromacy

#b59020 Protanomaly 1% of men, 0.01% of women
#c28b1a Deuteranomaly 6% of men, 0.4% of women
#cf815f Tritanomaly 0.01% of the population

#ca8316 hex color

#ca8316 Color Information

#ca8316 Color Conversion

Color Schemes with #ca8316

Alternatives to #ca8316

#ca8316 Preview

Shades and Tints of #ca8316

Tones of #ca8316

Color Blindness Simulator