#ca7311 hex color

In a RGB color space, hex #ca7311 is composed of 79.2% red, 45.1% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.1% magenta, 91.6% yellow and 20.8% black. It has a hue angle of 31.8 degrees, a saturation of 84.5% and a lightness of 42.9%. #ca7311 color hex could be obtained by blending #ffe622 with #950000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 79
- G 45
- B 7
RGB color chart
- C 0
- M 43
- Y 92
- K 21
CMYK color chart

● #ca7311 color description : Strong orange.

The hexadecimal color #ca7311 has RGB values of R:202, G:115, B:17 and CMYK values of C:0, M:0.43, Y:0.92, K:0.21. Its decimal value is 13267729.

Hex triplet	ca7311	`#ca7311`
RGB Decimal	202, 115, 17	`rgb(202,115,17)`
RGB Percent	79.2, 45.1, 6.7	`rgb(79.2%,45.1%,6.7%)`
CMYK	0, 43, 92, 21
HSL	31.8°, 84.5, 42.9	`hsl(31.8,84.5%,42.9%)`
HSV (or HSB)	31.8°, 91.6, 79.2
Web Safe	cc6600	`#cc6600`

CIE-LAB	56.94, 28.254, 60.873
XYZ	30.59, 24.861, 3.718
xyY	0.517, 0.42, 24.861
CIE-LCH	56.94, 67.11, 65.102
CIE-LUV	56.94, 71.983, 52.749
Hunter-Lab	49.861, 22.255, 30.481
Binary	11001010, 01110011, 00010001

#ca7311
```
#ca7311 rgb(202,115,17)
```
#1168ca
```
#1168ca rgb(17,104,202)
```

Complementary Color

#ca1711
```
#ca1711 rgb(202,23,17)
```
#ca7311
```
#ca7311 rgb(202,115,17)
```
#c5ca11
```
#c5ca11 rgb(197,202,17)
```

Analogous Color

#1711ca
```
#1711ca rgb(23,17,202)
```
#ca7311
```
#ca7311 rgb(202,115,17)
```
#11c5ca
```
#11c5ca rgb(17,197,202)
```

Split Complementary Color

#7311ca
```
#7311ca rgb(115,17,202)
```
#ca7311
```
#ca7311 rgb(202,115,17)
```
#11ca73
```
#11ca73 rgb(17,202,115)
```

Triadic Color

#ca1168
```
#ca1168 rgb(202,17,104)
```
#ca7311
```
#ca7311 rgb(202,115,17)
```
#11ca73
```
#11ca73 rgb(17,202,115)
```
#1168ca
```
#1168ca rgb(17,104,202)
```

Tetradic Color

#834b0b
```
#834b0b rgb(131,75,11)
```
#9b580d
```
#9b580d rgb(155,88,13)
```
#b2660f
```
#b2660f rgb(178,102,15)
```
#ca7311
```
#ca7311 rgb(202,115,17)
```
#e28013
```
#e28013 rgb(226,128,19)
```
#ec8d22
```
#ec8d22 rgb(236,141,34)
```
#ee9939
```
#ee9939 rgb(238,153,57)
```

Monochromatic Color

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

#ca4511
```
#ca4511 rgb(202,69,17)
```
#ca5411
```
#ca5411 rgb(202,84,17)
```
#ca6411
```
#ca6411 rgb(202,100,17)
```
#ca7311
```
#ca7311 rgb(202,115,17)
```
#ca8211
```
#ca8211 rgb(202,130,17)
```
#ca9211
```
#ca9211 rgb(202,146,17)
```
#caa111
```
#caa111 rgb(202,161,17)
```

Similar Colors

Text with hexadecimal color #ca7311

This text has a font color of #ca7311.

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

#ca7311 background color

This paragraph has a background color of #ca7311.

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

#ca7311 border color

This element has a border color of #ca7311.

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

CSS codes

.text {color:#ca7311;}

.background {background-color:#ca7311;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#150c02
```
#150c02 rgb(21,12,2)
```
#271603
```
#271603 rgb(39,22,3)
```
#392105
```
#392105 rgb(57,33,5)
```
#4b2b06
```
#4b2b06 rgb(75,43,6)
```
#5d3508
```
#5d3508 rgb(93,53,8)
```
#703f09
```
#703f09 rgb(112,63,9)
```
#824a0b
```
#824a0b rgb(130,74,11)
```
#94540c
```
#94540c rgb(148,84,12)
```
#a65e0e
```
#a65e0e rgb(166,94,14)
```
#b8690f
```
#b8690f rgb(184,105,15)
```
#ca7311
```
#ca7311 rgb(202,115,17)
```
#dc7d13
```
#dc7d13 rgb(220,125,19)
```

Shade Color Variation

#eb8717
```
#eb8717 rgb(235,135,23)
```
#ed9129
```
#ed9129 rgb(237,145,41)
```
#ef9a3b
```
#ef9a3b rgb(239,154,59)
```
#f0a34d
```
#f0a34d rgb(240,163,77)
```
#f2ad5f
```
#f2ad5f rgb(242,173,95)
```
#f3b671
```
#f3b671 rgb(243,182,113)
```
#f5bf83
```
#f5bf83 rgb(245,191,131)
```
#f6c995
```
#f6c995 rgb(246,201,149)
```
#f8d2a8
```
#f8d2a8 rgb(248,210,168)
```
#f9dbba
```
#f9dbba rgb(249,219,186)
```
#fbe5cc
```
#fbe5cc rgb(251,229,204)
```
#fceede
```
#fceede rgb(252,238,222)
```
#fef7f0
```
#fef7f0 rgb(254,247,240)
```

Tint Color Variation

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

#766e65
```
#766e65 rgb(118,110,101)
```
#7e6e5d
```
#7e6e5d rgb(126,110,93)
```
#876f54
```
#876f54 rgb(135,111,84)
```
#8f6f4c
```
#8f6f4c rgb(143,111,76)
```
#977044
```
#977044 rgb(151,112,68)
```
#a0703b
```
#a0703b rgb(160,112,59)
```
#a87133
```
#a87133 rgb(168,113,51)
```
#b1712a
```
#b1712a rgb(177,113,42)
```
#b97222
```
#b97222 rgb(185,114,34)
```
#c27219
```
#c27219 rgb(194,114,25)
```
#ca7311
```
#ca7311 rgb(202,115,17)
```
#d27409
```
#d27409 rgb(210,116,9)
```
#db7400
```
#db7400 rgb(219,116,0)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#907f6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f8f23 Protanopia 1% of men
#b2870e Deuteranopia 1% of men
#d07279 Tritanopia 0.001% of the population

Trichromacy

#af841c Protanomaly 1% of men, 0.01% of women
#bb800f Deuteranomaly 6% of men, 0.4% of women
#ce7253 Tritanomaly 0.01% of the population

#ca7311 hex color

#ca7311 Color Information

#ca7311 Color Conversion

Color Schemes with #ca7311

Alternatives to #ca7311

#ca7311 Preview

Shades and Tints of #ca7311

Tones of #ca7311

Color Blindness Simulator