#ca7016 hex color

In a RGB color space, hex #ca7016 is composed of 79.2% red, 43.9% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.6% magenta, 89.1% yellow and 20.8% black. It has a hue angle of 30 degrees, a saturation of 80.4% and a lightness of 43.9%. #ca7016 color hex could be obtained by blending #ffe02c with #950000. Closest websafe color is: #cc6600.

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

● #ca7016 color description : Strong orange.

The hexadecimal color #ca7016 has RGB values of R:202, G:112, B:22 and CMYK values of C:0, M:0.45, Y:0.89, K:0.21. Its decimal value is 13266966.

Hex triplet	ca7016	`#ca7016`
RGB Decimal	202, 112, 22	`rgb(202,112,22)`
RGB Percent	79.2, 43.9, 8.6	`rgb(79.2%,43.9%,8.6%)`
CMYK	0, 45, 89, 21
HSL	30°, 80.4, 43.9	`hsl(30,80.4%,43.9%)`
HSV (or HSB)	30°, 89.1, 79.2
Web Safe	cc6600	`#cc6600`

CIE-LAB	56.293, 29.945, 59.08
XYZ	30.297, 24.205, 3.836
xyY	0.519, 0.415, 24.205
CIE-LCH	56.293, 66.236, 63.121
CIE-LUV	56.293, 74.261, 51.017
Hunter-Lab	49.199, 23.823, 29.817
Binary	11001010, 01110000, 00010110

#ca7016
```
#ca7016 rgb(202,112,22)
```
#1670ca
```
#1670ca rgb(22,112,202)
```

Complementary Color

#ca1616
```
#ca1616 rgb(202,22,22)
```
#ca7016
```
#ca7016 rgb(202,112,22)
```
#caca16
```
#caca16 rgb(202,202,22)
```

Analogous Color

#1616ca
```
#1616ca rgb(22,22,202)
```
#ca7016
```
#ca7016 rgb(202,112,22)
```
#16caca
```
#16caca rgb(22,202,202)
```

Split Complementary Color

#7016ca
```
#7016ca rgb(112,22,202)
```
#ca7016
```
#ca7016 rgb(202,112,22)
```
#16ca70
```
#16ca70 rgb(22,202,112)
```

Triadic Color

#ca1670
```
#ca1670 rgb(202,22,112)
```
#ca7016
```
#ca7016 rgb(202,112,22)
```
#16ca70
```
#16ca70 rgb(22,202,112)
```
#1670ca
```
#1670ca rgb(22,112,202)
```

Tetradic Color

#854a0e
```
#854a0e rgb(133,74,14)
```
#9c5611
```
#9c5611 rgb(156,86,17)
```
#b36313
```
#b36313 rgb(179,99,19)
```
#ca7016
```
#ca7016 rgb(202,112,22)
```
#e17d19
```
#e17d19 rgb(225,125,25)
```
#e88a2b
```
#e88a2b rgb(232,138,43)
```
#ea9642
```
#ea9642 rgb(234,150,66)
```

Monochromatic Color

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

#ca4316
```
#ca4316 rgb(202,67,22)
```
#ca5216
```
#ca5216 rgb(202,82,22)
```
#ca6116
```
#ca6116 rgb(202,97,22)
```
#ca7016
```
#ca7016 rgb(202,112,22)
```
#ca7f16
```
#ca7f16 rgb(202,127,22)
```
#ca8e16
```
#ca8e16 rgb(202,142,22)
```
#ca9d16
```
#ca9d16 rgb(202,157,22)
```

Similar Colors

Text with hexadecimal color #ca7016

This text has a font color of #ca7016.

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

#ca7016 background color

This paragraph has a background color of #ca7016.

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

#ca7016 border color

This element has a border color of #ca7016.

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

CSS codes

.text {color:#ca7016;}

.background {background-color:#ca7016;}

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

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

#070401
```
#070401 rgb(7,4,1)
```
#190e03
```
#190e03 rgb(25,14,3)
```
#2b1805
```
#2b1805 rgb(43,24,5)
```
#3c2207
```
#3c2207 rgb(60,34,7)
```
#4e2b09
```
#4e2b09 rgb(78,43,9)
```
#60350a
```
#60350a rgb(96,53,10)
```
#723f0c
```
#723f0c rgb(114,63,12)
```
#83490e
```
#83490e rgb(131,73,14)
```
#955310
```
#955310 rgb(149,83,16)
```
#a75c12
```
#a75c12 rgb(167,92,18)
```
#b86614
```
#b86614 rgb(184,102,20)
```
#ca7016
```
#ca7016 rgb(202,112,22)
```
#dc7a18
```
#dc7a18 rgb(220,122,24)
```

Shade Color Variation

#e78420
```
#e78420 rgb(231,132,32)
```
#e98d32
```
#e98d32 rgb(233,141,50)
```
#eb9744
```
#eb9744 rgb(235,151,68)
```
#eda156
```
#eda156 rgb(237,161,86)
```
#eeab67
```
#eeab67 rgb(238,171,103)
```
#f0b579
```
#f0b579 rgb(240,181,121)
```
#f2be8b
```
#f2be8b rgb(242,190,139)
```
#f4c89c
```
#f4c89c rgb(244,200,156)
```
#f6d2ae
```
#f6d2ae rgb(246,210,174)
```
#f8dcc0
```
#f8dcc0 rgb(248,220,192)
```
#fae6d1
```
#fae6d1 rgb(250,230,209)
```
#fcf0e3
```
#fcf0e3 rgb(252,240,227)
```
#fef9f5
```
#fef9f5 rgb(254,249,245)
```

Tint Color Variation

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

#74706c
```
#74706c rgb(116,112,108)
```
#7c7064
```
#7c7064 rgb(124,112,100)
```
#85705b
```
#85705b rgb(133,112,91)
```
#8e7052
```
#8e7052 rgb(142,112,82)
```
#96704a
```
#96704a rgb(150,112,74)
```
#9f7041
```
#9f7041 rgb(159,112,65)
```
#a87038
```
#a87038 rgb(168,112,56)
```
#b07030
```
#b07030 rgb(176,112,48)
```
#b97027
```
#b97027 rgb(185,112,39)
```
#c1701f
```
#c1701f rgb(193,112,31)
```
#ca7016
```
#ca7016 rgb(202,112,22)
```
#d3700d
```
#d3700d rgb(211,112,13)
```
#db7005
```
#db7005 rgb(219,112,5)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#907e6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d8d27 Protanopia 1% of men
#b08616 Deuteranopia 1% of men
#d06f77 Tritanopia 0.001% of the population

Trichromacy

#ad8221 Protanomaly 1% of men, 0.01% of women
#b97e16 Deuteranomaly 6% of men, 0.4% of women
#ce6f53 Tritanomaly 0.01% of the population

#ca7016 hex color

#ca7016 Color Information

#ca7016 Color Conversion

Color Schemes with #ca7016

Alternatives to #ca7016

#ca7016 Preview

Shades and Tints of #ca7016

Tones of #ca7016

Color Blindness Simulator