#ca701e hex color

In a RGB color space, hex #ca701e is composed of 79.2% red, 43.9% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.6% magenta, 85.1% yellow and 20.8% black. It has a hue angle of 28.6 degrees, a saturation of 74.1% and a lightness of 45.5%. #ca701e color hex could be obtained by blending #ffe03c with #950000. Closest websafe color is: #cc6633.

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

● #ca701e color description : Strong orange.

The hexadecimal color #ca701e has RGB values of R:202, G:112, B:30 and CMYK values of C:0, M:0.45, Y:0.85, K:0.21. Its decimal value is 13266974.

Hex triplet	ca701e	`#ca701e`
RGB Decimal	202, 112, 30	`rgb(202,112,30)`
RGB Percent	79.2, 43.9, 11.8	`rgb(79.2%,43.9%,11.8%)`
CMYK	0, 45, 85, 21
HSL	28.6°, 74.1, 45.5	`hsl(28.6,74.1%,45.5%)`
HSV (or HSB)	28.6°, 85.1, 79.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.329, 30.128, 56.559
XYZ	30.387, 24.241, 4.307
xyY	0.516, 0.411, 24.241
CIE-LCH	56.329, 64.083, 61.957
CIE-LUV	56.329, 73.853, 49.654
Hunter-Lab	49.235, 24.003, 29.278
Binary	11001010, 01110000, 00011110

#ca701e
```
#ca701e rgb(202,112,30)
```
#1e78ca
```
#1e78ca rgb(30,120,202)
```

Complementary Color

#ca1e22
```
#ca1e22 rgb(202,30,34)
```
#ca701e
```
#ca701e rgb(202,112,30)
```
#cac61e
```
#cac61e rgb(202,198,30)
```

Analogous Color

#1e22ca
```
#1e22ca rgb(30,34,202)
```
#ca701e
```
#ca701e rgb(202,112,30)
```
#1ecac6
```
#1ecac6 rgb(30,202,198)
```

Split Complementary Color

#701eca
```
#701eca rgb(112,30,202)
```
#ca701e
```
#ca701e rgb(202,112,30)
```
#1eca70
```
#1eca70 rgb(30,202,112)
```

Triadic Color

#ca1e78
```
#ca1e78 rgb(202,30,120)
```
#ca701e
```
#ca701e rgb(202,112,30)
```
#1eca70
```
#1eca70 rgb(30,202,112)
```
#1e78ca
```
#1e78ca rgb(30,120,202)
```

Tetradic Color

#874b14
```
#874b14 rgb(135,75,20)
```
#9e5717
```
#9e5717 rgb(158,87,23)
```
#b4641b
```
#b4641b rgb(180,100,27)
```
#ca701e
```
#ca701e rgb(202,112,30)
```
#de7c23
```
#de7c23 rgb(222,124,35)
```
#e28a39
```
#e28a39 rgb(226,138,57)
```
#e59750
```
#e59750 rgb(229,151,80)
```

Monochromatic Color

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

#ca451e
```
#ca451e rgb(202,69,30)
```
#ca531e
```
#ca531e rgb(202,83,30)
```
#ca621e
```
#ca621e rgb(202,98,30)
```
#ca701e
```
#ca701e rgb(202,112,30)
```
#ca7e1e
```
#ca7e1e rgb(202,126,30)
```
#ca8d1e
```
#ca8d1e rgb(202,141,30)
```
#ca9b1e
```
#ca9b1e rgb(202,155,30)
```

Similar Colors

Text with hexadecimal color #ca701e

This text has a font color of #ca701e.

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

#ca701e background color

This paragraph has a background color of #ca701e.

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

#ca701e border color

This element has a border color of #ca701e.

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

CSS codes

.text {color:#ca701e;}

.background {background-color:#ca701e;}

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

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, #0e0802 is the darkest color, while #fffdfc is the lightest one.

#0e0802
```
#0e0802 rgb(14,8,2)
```
#1f1105
```
#1f1105 rgb(31,17,5)
```
#301b07
```
#301b07 rgb(48,27,7)
```
#41240a
```
#41240a rgb(65,36,10)
```
#522e0c
```
#522e0c rgb(82,46,12)
```
#64370f
```
#64370f rgb(100,55,15)
```
#754111
```
#754111 rgb(117,65,17)
```
#864a14
```
#864a14 rgb(134,74,20)
```
#975416
```
#975416 rgb(151,84,22)
```
#a85d19
```
#a85d19 rgb(168,93,25)
```
#b9671b
```
#b9671b rgb(185,103,27)
```
#ca701e
```
#ca701e rgb(202,112,30)
```
#db7921
```
#db7921 rgb(219,121,33)
```

Shade Color Variation

#e0832f
```
#e0832f rgb(224,131,47)
```
#e38e40
```
#e38e40 rgb(227,142,64)
```
#e59851
```
#e59851 rgb(229,152,81)
```
#e8a262
```
#e8a262 rgb(232,162,98)
```
#eaac73
```
#eaac73 rgb(234,172,115)
```
#edb685
```
#edb685 rgb(237,182,133)
```
#efc096
```
#efc096 rgb(239,192,150)
```
#f2cba7
```
#f2cba7 rgb(242,203,167)
```
#f4d5b8
```
#f4d5b8 rgb(244,213,184)
```
#f7dfc9
```
#f7dfc9 rgb(247,223,201)
```
#f9e9da
```
#f9e9da rgb(249,233,218)
```
#fcf3eb
```
#fcf3eb rgb(252,243,235)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#7a746e
```
#7a746e rgb(122,116,110)
```
#837365
```
#837365 rgb(131,115,101)
```
#8c735c
```
#8c735c rgb(140,115,92)
```
#947254
```
#947254 rgb(148,114,84)
```
#9d724b
```
#9d724b rgb(157,114,75)
```
#a67242
```
#a67242 rgb(166,114,66)
```
#af7139
```
#af7139 rgb(175,113,57)
```
#b87130
```
#b87130 rgb(184,113,48)
```
#c17027
```
#c17027 rgb(193,112,39)
```
#ca701e
```
#ca701e rgb(202,112,30)
```
#d37015
```
#d37015 rgb(211,112,21)
```
#dc6f0c
```
#dc6f0c rgb(220,111,12)
```
#e56f03
```
#e56f03 rgb(229,111,3)
```

Tone Color Variation

Below, you can see how #ca701e 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
#907e6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d8d2f Protanopia 1% of men
#b08621 Deuteranopia 1% of men
#d07077 Tritanopia 0.001% of the population

Trichromacy

#ad8229 Protanomaly 1% of men, 0.01% of women
#b97e20 Deuteranomaly 6% of men, 0.4% of women
#ce7056 Tritanomaly 0.01% of the population

#ca701e hex color

#ca701e Color Information

#ca701e Color Conversion

Color Schemes with #ca701e

Alternatives to #ca701e

#ca701e Preview

Shades and Tints of #ca701e

Tones of #ca701e

Color Blindness Simulator