#ca7221 hex color

In a RGB color space, hex #ca7221 is composed of 79.2% red, 44.7% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.6% magenta, 83.7% yellow and 20.8% black. It has a hue angle of 28.8 degrees, a saturation of 71.9% and a lightness of 46.1%. #ca7221 color hex could be obtained by blending #ffe442 with #950000. Closest websafe color is: #cc6633.

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

● #ca7221 color description : Strong orange.

The hexadecimal color #ca7221 has RGB values of R:202, G:114, B:33 and CMYK values of C:0, M:0.44, Y:0.84, K:0.21. Its decimal value is 13267489.

Hex triplet	ca7221	`#ca7221`
RGB Decimal	202, 114, 33	`rgb(202,114,33)`
RGB Percent	79.2, 44.7, 12.9	`rgb(79.2%,44.7%,12.9%)`
CMYK	0, 44, 84, 21
HSL	28.8°, 71.9, 46.1	`hsl(28.8,71.9%,46.1%)`
HSV (or HSB)	28.8°, 83.7, 79.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.785, 29.143, 55.871
XYZ	30.65, 24.704, 4.593
xyY	0.511, 0.412, 24.704
CIE-LCH	56.785, 63.015, 62.453
CIE-LUV	56.785, 72.045, 49.775
Hunter-Lab	49.703, 23.095, 29.313
Binary	11001010, 01110010, 00100001

#ca7221
```
#ca7221 rgb(202,114,33)
```
#2179ca
```
#2179ca rgb(33,121,202)
```

Complementary Color

#ca2125
```
#ca2125 rgb(202,33,37)
```
#ca7221
```
#ca7221 rgb(202,114,33)
```
#cac721
```
#cac721 rgb(202,199,33)
```

Analogous Color

#2125ca
```
#2125ca rgb(33,37,202)
```
#ca7221
```
#ca7221 rgb(202,114,33)
```
#21cac7
```
#21cac7 rgb(33,202,199)
```

Split Complementary Color

#7221ca
```
#7221ca rgb(114,33,202)
```
#ca7221
```
#ca7221 rgb(202,114,33)
```
#21ca72
```
#21ca72 rgb(33,202,114)
```

Triadic Color

#ca2179
```
#ca2179 rgb(202,33,121)
```
#ca7221
```
#ca7221 rgb(202,114,33)
```
#21ca72
```
#21ca72 rgb(33,202,114)
```
#2179ca
```
#2179ca rgb(33,121,202)
```

Tetradic Color

#884d16
```
#884d16 rgb(136,77,22)
```
#9e591a
```
#9e591a rgb(158,89,26)
```
#b4661d
```
#b4661d rgb(180,102,29)
```
#ca7221
```
#ca7221 rgb(202,114,33)
```
#dc7f29
```
#dc7f29 rgb(220,127,41)
```
#e08c3e
```
#e08c3e rgb(224,140,62)
```
#e39954
```
#e39954 rgb(227,153,84)
```

Monochromatic Color

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

#ca4821
```
#ca4821 rgb(202,72,33)
```
#ca5621
```
#ca5621 rgb(202,86,33)
```
#ca6421
```
#ca6421 rgb(202,100,33)
```
#ca7221
```
#ca7221 rgb(202,114,33)
```
#ca8021
```
#ca8021 rgb(202,128,33)
```
#ca8e21
```
#ca8e21 rgb(202,142,33)
```
#ca9c21
```
#ca9c21 rgb(202,156,33)
```

Similar Colors

Text with hexadecimal color #ca7221

This text has a font color of #ca7221.

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

#ca7221 background color

This paragraph has a background color of #ca7221.

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

#ca7221 border color

This element has a border color of #ca7221.

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

CSS codes

.text {color:#ca7221;}

.background {background-color:#ca7221;}

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

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

#110903
```
#110903 rgb(17,9,3)
```
#211305
```
#211305 rgb(33,19,5)
```
#321c08
```
#321c08 rgb(50,28,8)
```
#43260b
```
#43260b rgb(67,38,11)
```
#542f0e
```
#542f0e rgb(84,47,14)
```
#653910
```
#653910 rgb(101,57,16)
```
#764213
```
#764213 rgb(118,66,19)
```
#874c16
```
#874c16 rgb(135,76,22)
```
#975519
```
#975519 rgb(151,85,25)
```
#a85f1b
```
#a85f1b rgb(168,95,27)
```
#b9681e
```
#b9681e rgb(185,104,30)
```
#ca7221
```
#ca7221 rgb(202,114,33)
```
#db7c24
```
#db7c24 rgb(219,124,36)
```

Shade Color Variation

#de8634
```
#de8634 rgb(222,134,52)
```
#e19045
```
#e19045 rgb(225,144,69)
```
#e39a56
```
#e39a56 rgb(227,154,86)
```
#e6a467
```
#e6a467 rgb(230,164,103)
```
#e9ae78
```
#e9ae78 rgb(233,174,120)
```
#ecb889
```
#ecb889 rgb(236,184,137)
```
#eec29a
```
#eec29a rgb(238,194,154)
```
#f1ccaa
```
#f1ccaa rgb(241,204,170)
```
#f4d6bb
```
#f4d6bb rgb(244,214,187)
```
#f7e1cc
```
#f7e1cc rgb(247,225,204)
```
#f9ebdd
```
#f9ebdd rgb(249,235,221)
```
#fcf5ee
```
#fcf5ee rgb(252,245,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#797572
```
#797572 rgb(121,117,114)
```
#827569
```
#827569 rgb(130,117,105)
```
#8b7560
```
#8b7560 rgb(139,117,96)
```
#947457
```
#947457 rgb(148,116,87)
```
#9d744e
```
#9d744e rgb(157,116,78)
```
#a67345
```
#a67345 rgb(166,115,69)
```
#af733c
```
#af733c rgb(175,115,60)
```
#b87333
```
#b87333 rgb(184,115,51)
```
#c1722a
```
#c1722a rgb(193,114,42)
```
#ca7221
```
#ca7221 rgb(202,114,33)
```
#d37218
```
#d37218 rgb(211,114,24)
```
#dc710f
```
#dc710f rgb(220,113,15)
```
#e57106
```
#e57106 rgb(229,113,6)
```

Tone Color Variation

Below, you can see how #ca7221 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
#91806f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e8e32 Protanopia 1% of men
#b18725 Deuteranopia 1% of men
#d07179 Tritanopia 0.001% of the population

Trichromacy

#ae842b Protanomaly 1% of men, 0.01% of women
#ba7f23 Deuteranomaly 6% of men, 0.4% of women
#ce7159 Tritanomaly 0.01% of the population

#ca7221 hex color

#ca7221 Color Information

#ca7221 Color Conversion

Color Schemes with #ca7221

Alternatives to #ca7221

#ca7221 Preview

Shades and Tints of #ca7221

Tones of #ca7221

Color Blindness Simulator