#ca702e hex color

In a RGB color space, hex #ca702e is composed of 79.2% red, 43.9% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.6% magenta, 77.2% yellow and 20.8% black. It has a hue angle of 25.4 degrees, a saturation of 62.9% and a lightness of 48.6%. #ca702e color hex could be obtained by blending #ffe05c with #950000. Closest websafe color is: #cc6633.

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

● #ca702e color description : Strong orange.

The hexadecimal color #ca702e has RGB values of R:202, G:112, B:46 and CMYK values of C:0, M:0.45, Y:0.77, K:0.21. Its decimal value is 13266990.

Hex triplet	ca702e	`#ca702e`
RGB Decimal	202, 112, 46	`rgb(202,112,46)`
RGB Percent	79.2, 43.9, 18	`rgb(79.2%,43.9%,18%)`
CMYK	0, 45, 77, 21
HSL	25.4°, 62.9, 48.6	`hsl(25.4,62.9%,48.6%)`
HSV (or HSB)	25.4°, 77.2, 79.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.431, 30.653, 50.197
XYZ	30.645, 24.345, 5.67
xyY	0.505, 0.401, 24.345
CIE-LCH	56.431, 58.816, 58.59
CIE-LUV	56.431, 72.695, 45.779
Hunter-Lab	49.34, 24.521, 27.725
Binary	11001010, 01110000, 00101110

#ca702e
```
#ca702e rgb(202,112,46)
```
#2e88ca
```
#2e88ca rgb(46,136,202)
```

Complementary Color

#ca2e3a
```
#ca2e3a rgb(202,46,58)
```
#ca702e
```
#ca702e rgb(202,112,46)
```
#cabe2e
```
#cabe2e rgb(202,190,46)
```

Analogous Color

#2e3aca
```
#2e3aca rgb(46,58,202)
```
#ca702e
```
#ca702e rgb(202,112,46)
```
#2ecabe
```
#2ecabe rgb(46,202,190)
```

Split Complementary Color

#702eca
```
#702eca rgb(112,46,202)
```
#ca702e
```
#ca702e rgb(202,112,46)
```
#2eca70
```
#2eca70 rgb(46,202,112)
```

Triadic Color

#ca2e88
```
#ca2e88 rgb(202,46,136)
```
#ca702e
```
#ca702e rgb(202,112,46)
```
#2eca70
```
#2eca70 rgb(46,202,112)
```
#2e88ca
```
#2e88ca rgb(46,136,202)
```

Tetradic Color

#8c4d20
```
#8c4d20 rgb(140,77,32)
```
#a05925
```
#a05925 rgb(160,89,37)
```
#b56429
```
#b56429 rgb(181,100,41)
```
#ca702e
```
#ca702e rgb(202,112,46)
```
#d37d3e
```
#d37d3e rgb(211,125,62)
```
#d88b53
```
#d88b53 rgb(216,139,83)
```
#dd9968
```
#dd9968 rgb(221,153,104)
```

Monochromatic Color

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

#ca492e
```
#ca492e rgb(202,73,46)
```
#ca562e
```
#ca562e rgb(202,86,46)
```
#ca632e
```
#ca632e rgb(202,99,46)
```
#ca702e
```
#ca702e rgb(202,112,46)
```
#ca7d2e
```
#ca7d2e rgb(202,125,46)
```
#ca8a2e
```
#ca8a2e rgb(202,138,46)
```
#ca972e
```
#ca972e rgb(202,151,46)
```

Similar Colors

Text with hexadecimal color #ca702e

This text has a font color of #ca702e.

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

#ca702e background color

This paragraph has a background color of #ca702e.

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

#ca702e border color

This element has a border color of #ca702e.

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

CSS codes

.text {color:#ca702e;}

.background {background-color:#ca702e;}

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

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

#0a0602
```
#0a0602 rgb(10,6,2)
```
#1a0f06
```
#1a0f06 rgb(26,15,6)
```
#2a170a
```
#2a170a rgb(42,23,10)
```
#3a200d
```
#3a200d rgb(58,32,13)
```
#4a2911
```
#4a2911 rgb(74,41,17)
```
#5a3215
```
#5a3215 rgb(90,50,21)
```
#6a3b18
```
#6a3b18 rgb(106,59,24)
```
#7a441c
```
#7a441c rgb(122,68,28)
```
#8a4d1f
```
#8a4d1f rgb(138,77,31)
```
#9a5523
```
#9a5523 rgb(154,85,35)
```
#aa5e27
```
#aa5e27 rgb(170,94,39)
```
#ba672a
```
#ba672a rgb(186,103,42)
```
#ca702e
```
#ca702e rgb(202,112,46)
```

Shade Color Variation

#d27a3a
```
#d27a3a rgb(210,122,58)
```
#d6854a
```
#d6854a rgb(214,133,74)
```
#d9905a
```
#d9905a rgb(217,144,90)
```
#dd9a6a
```
#dd9a6a rgb(221,154,106)
```
#e1a579
```
#e1a579 rgb(225,165,121)
```
#e4b089
```
#e4b089 rgb(228,176,137)
```
#e8bb99
```
#e8bb99 rgb(232,187,153)
```
#ecc5a9
```
#ecc5a9 rgb(236,197,169)
```
#efd0b9
```
#efd0b9 rgb(239,208,185)
```
#f3dbc9
```
#f3dbc9 rgb(243,219,201)
```
#f6e6d9
```
#f6e6d9 rgb(246,230,217)
```
#faf0e9
```
#faf0e9 rgb(250,240,233)
```
#fefbf9
```
#fefbf9 rgb(254,251,249)
```

Tint Color Variation

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

#7e7c7a
```
#7e7c7a rgb(126,124,122)
```
#877a71
```
#877a71 rgb(135,122,113)
```
#917967
```
#917967 rgb(145,121,103)
```
#9a775e
```
#9a775e rgb(154,119,94)
```
#a47654
```
#a47654 rgb(164,118,84)
```
#ad744b
```
#ad744b rgb(173,116,75)
```
#b77341
```
#b77341 rgb(183,115,65)
```
#c07138
```
#c07138 rgb(192,113,56)
```
#ca702e
```
#ca702e rgb(202,112,46)
```
#d46f24
```
#d46f24 rgb(212,111,36)
```
#dd6d1b
```
#dd6d1b rgb(221,109,27)
```
#e76c11
```
#e76c11 rgb(231,108,17)
```
#f06a08
```
#f06a08 rgb(240,106,8)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#917f72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c8d3f Protanopia 1% of men
#af8633 Deuteranopia 1% of men
#d07078 Tritanopia 0.001% of the population

Trichromacy

#ad8238 Protanomaly 1% of men, 0.01% of women
#b97e31 Deuteranomaly 6% of men, 0.4% of women
#cd705d Tritanomaly 0.01% of the population

#ca702e hex color

#ca702e Color Information

#ca702e Color Conversion

Color Schemes with #ca702e

Alternatives to #ca702e

#ca702e Preview

Shades and Tints of #ca702e

Tones of #ca702e

Color Blindness Simulator