#ca722a hex color

In a RGB color space, hex #ca722a is composed of 79.2% red, 44.7% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.6% magenta, 79.2% yellow and 20.8% black. It has a hue angle of 27 degrees, a saturation of 65.6% and a lightness of 47.8%. #ca722a color hex could be obtained by blending #ffe454 with #950000. Closest websafe color is: #cc6633.

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

● #ca722a color description : Strong orange.

The hexadecimal color #ca722a has RGB values of R:202, G:114, B:42 and CMYK values of C:0, M:0.44, Y:0.79, K:0.21. Its decimal value is 13267498.

Hex triplet	ca722a	`#ca722a`
RGB Decimal	202, 114, 42	`rgb(202,114,42)`
RGB Percent	79.2, 44.7, 16.5	`rgb(79.2%,44.7%,16.5%)`
CMYK	0, 44, 79, 21
HSL	27°, 65.6, 47.8	`hsl(27,65.6%,47.8%)`
HSV (or HSB)	27°, 79.2, 79.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.842, 29.434, 52.345
XYZ	30.793, 24.761, 5.348
xyY	0.506, 0.407, 24.761
CIE-LCH	56.842, 60.053, 60.65
CIE-LUV	56.842, 71.423, 47.642
Hunter-Lab	49.76, 23.381, 28.46
Binary	11001010, 01110010, 00101010

#ca722a
```
#ca722a rgb(202,114,42)
```
#2a82ca
```
#2a82ca rgb(42,130,202)
```

Complementary Color

#ca2a32
```
#ca2a32 rgb(202,42,50)
```
#ca722a
```
#ca722a rgb(202,114,42)
```
#cac22a
```
#cac22a rgb(202,194,42)
```

Analogous Color

#2a32ca
```
#2a32ca rgb(42,50,202)
```
#ca722a
```
#ca722a rgb(202,114,42)
```
#2acac2
```
#2acac2 rgb(42,202,194)
```

Split Complementary Color

#722aca
```
#722aca rgb(114,42,202)
```
#ca722a
```
#ca722a rgb(202,114,42)
```
#2aca72
```
#2aca72 rgb(42,202,114)
```

Triadic Color

#ca2a82
```
#ca2a82 rgb(202,42,130)
```
#ca722a
```
#ca722a rgb(202,114,42)
```
#2aca72
```
#2aca72 rgb(42,202,114)
```
#2a82ca
```
#2a82ca rgb(42,130,202)
```

Tetradic Color

#8b4e1d
```
#8b4e1d rgb(139,78,29)
```
#a05a21
```
#a05a21 rgb(160,90,33)
```
#b56626
```
#b56626 rgb(181,102,38)
```
#ca722a
```
#ca722a rgb(202,114,42)
```
#d67f38
```
#d67f38 rgb(214,127,56)
```
#da8c4d
```
#da8c4d rgb(218,140,77)
```
#de9a62
```
#de9a62 rgb(222,154,98)
```

Monochromatic Color

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

#ca4a2a
```
#ca4a2a rgb(202,74,42)
```
#ca572a
```
#ca572a rgb(202,87,42)
```
#ca652a
```
#ca652a rgb(202,101,42)
```
#ca722a
```
#ca722a rgb(202,114,42)
```
#ca7f2a
```
#ca7f2a rgb(202,127,42)
```
#ca8d2a
```
#ca8d2a rgb(202,141,42)
```
#ca9a2a
```
#ca9a2a rgb(202,154,42)
```

Similar Colors

Text with hexadecimal color #ca722a

This text has a font color of #ca722a.

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

#ca722a background color

This paragraph has a background color of #ca722a.

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

#ca722a border color

This element has a border color of #ca722a.

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

CSS codes

.text {color:#ca722a;}

.background {background-color:#ca722a;}

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

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 #fdf9f6 is the lightest one.

#070401
```
#070401 rgb(7,4,1)
```
#170d05
```
#170d05 rgb(23,13,5)
```
#281608
```
#281608 rgb(40,22,8)
```
#38200c
```
#38200c rgb(56,32,12)
```
#48290f
```
#48290f rgb(72,41,15)
```
#583212
```
#583212 rgb(88,50,18)
```
#693b16
```
#693b16 rgb(105,59,22)
```
#794419
```
#794419 rgb(121,68,25)
```
#894d1c
```
#894d1c rgb(137,77,28)
```
#995720
```
#995720 rgb(153,87,32)
```
#aa6023
```
#aa6023 rgb(170,96,35)
```
#ba6927
```
#ba6927 rgb(186,105,39)
```
#ca722a
```
#ca722a rgb(202,114,42)
```

Shade Color Variation

#d57c33
```
#d57c33 rgb(213,124,51)
```
#d88643
```
#d88643 rgb(216,134,67)
```
#db9154
```
#db9154 rgb(219,145,84)
```
#df9b64
```
#df9b64 rgb(223,155,100)
```
#e2a674
```
#e2a674 rgb(226,166,116)
```
#e5b084
```
#e5b084 rgb(229,176,132)
```
#e9ba94
```
#e9ba94 rgb(233,186,148)
```
#ecc5a5
```
#ecc5a5 rgb(236,197,165)
```
#f0cfb5
```
#f0cfb5 rgb(240,207,181)
```
#f3dac5
```
#f3dac5 rgb(243,218,197)
```
#f6e4d5
```
#f6e4d5 rgb(246,228,213)
```
#faefe6
```
#faefe6 rgb(250,239,230)
```
#fdf9f6
```
#fdf9f6 rgb(253,249,246)
```

Tint Color Variation

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

#7f7a75
```
#7f7a75 rgb(127,122,117)
```
#88796c
```
#88796c rgb(136,121,108)
```
#927862
```
#927862 rgb(146,120,98)
```
#9b7759
```
#9b7759 rgb(155,119,89)
```
#a47650
```
#a47650 rgb(164,118,80)
```
#ae7546
```
#ae7546 rgb(174,117,70)
```
#b7743d
```
#b7743d rgb(183,116,61)
```
#c17333
```
#c17333 rgb(193,115,51)
```
#ca722a
```
#ca722a rgb(202,114,42)
```
#d37121
```
#d37121 rgb(211,113,33)
```
#dd7017
```
#dd7017 rgb(221,112,23)
```
#e66f0e
```
#e66f0e rgb(230,111,14)
```
#f06e04
```
#f06e04 rgb(240,110,4)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#928072 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e8e3a Protanopia 1% of men
#b1872f Deuteranopia 1% of men
#d07279 Tritanopia 0.001% of the population

Trichromacy

#ae8434 Protanomaly 1% of men, 0.01% of women
#ba7f2d Deuteranomaly 6% of men, 0.4% of women
#ce725c Tritanomaly 0.01% of the population

#ca722a hex color

#ca722a Color Information

#ca722a Color Conversion

Color Schemes with #ca722a

Alternatives to #ca722a

#ca722a Preview

Shades and Tints of #ca722a

Tones of #ca722a

Color Blindness Simulator