#ca822d hex color

In a RGB color space, hex #ca822d is composed of 79.2% red, 51% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.6% magenta, 77.7% yellow and 20.8% black. It has a hue angle of 32.5 degrees, a saturation of 63.6% and a lightness of 48.4%. #ca822d color hex could be obtained by blending #ffff5a with #950500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 79
- G 51
- B 18
RGB color chart
- C 0
- M 36
- Y 78
- K 21
CMYK color chart

● #ca822d color description : Strong orange.

The hexadecimal color #ca822d has RGB values of R:202, G:130, B:45 and CMYK values of C:0, M:0.36, Y:0.78, K:0.21. Its decimal value is 13271597.

Hex triplet	ca822d	`#ca822d`
RGB Decimal	202, 130, 45	`rgb(202,130,45)`
RGB Percent	79.2, 51, 17.6	`rgb(79.2%,51%,17.6%)`
CMYK	0, 36, 78, 21
HSL	32.5°, 63.6, 48.4	`hsl(32.5,63.6%,48.4%)`
HSV (or HSB)	32.5°, 77.7, 79.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	60.528, 20.899, 54.603
XYZ	32.814, 28.714, 6.297
xyY	0.484, 0.423, 28.714
CIE-LCH	60.528, 58.466, 69.056
CIE-LUV	60.528, 58.422, 53
Hunter-Lab	53.585, 15.535, 30.543
Binary	11001010, 10000010, 00101101

#ca822d
```
#ca822d rgb(202,130,45)
```
#2d75ca
```
#2d75ca rgb(45,117,202)
```

Complementary Color

#ca342d
```
#ca342d rgb(202,52,45)
```
#ca822d
```
#ca822d rgb(202,130,45)
```
#c4ca2d
```
#c4ca2d rgb(196,202,45)
```

Analogous Color

#332dca
```
#332dca rgb(51,45,202)
```
#ca822d
```
#ca822d rgb(202,130,45)
```
#2dc4ca
```
#2dc4ca rgb(45,196,202)
```

Split Complementary Color

#822dca
```
#822dca rgb(130,45,202)
```
#ca822d
```
#ca822d rgb(202,130,45)
```
#2dca82
```
#2dca82 rgb(45,202,130)
```

Triadic Color

#ca2d75
```
#ca2d75 rgb(202,45,117)
```
#ca822d
```
#ca822d rgb(202,130,45)
```
#2dca82
```
#2dca82 rgb(45,202,130)
```
#2d75ca
```
#2d75ca rgb(45,117,202)
```

Tetradic Color

#8b5a1f
```
#8b5a1f rgb(139,90,31)
```
#a06724
```
#a06724 rgb(160,103,36)
```
#b57528
```
#b57528 rgb(181,117,40)
```
#ca822d
```
#ca822d rgb(202,130,45)
```
#d48f3d
```
#d48f3d rgb(212,143,61)
```
#d89b52
```
#d89b52 rgb(216,155,82)
```
#dda766
```
#dda766 rgb(221,167,102)
```

Monochromatic Color

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

#ca5b2d
```
#ca5b2d rgb(202,91,45)
```
#ca682d
```
#ca682d rgb(202,104,45)
```
#ca752d
```
#ca752d rgb(202,117,45)
```
#ca822d
```
#ca822d rgb(202,130,45)
```
#ca8f2d
```
#ca8f2d rgb(202,143,45)
```
#ca9c2d
```
#ca9c2d rgb(202,156,45)
```
#caa92d
```
#caa92d rgb(202,169,45)
```

Similar Colors

Text with hexadecimal color #ca822d

This text has a font color of #ca822d.

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

#ca822d background color

This paragraph has a background color of #ca822d.

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

#ca822d border color

This element has a border color of #ca822d.

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

CSS codes

.text {color:#ca822d;}

.background {background-color:#ca822d;}

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

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

#090602
```
#090602 rgb(9,6,2)
```
#1a1006
```
#1a1006 rgb(26,16,6)
```
#2a1b09
```
#2a1b09 rgb(42,27,9)
```
#3a250d
```
#3a250d rgb(58,37,13)
```
#4a2f10
```
#4a2f10 rgb(74,47,16)
```
#5a3a14
```
#5a3a14 rgb(90,58,20)
```
#6a4418
```
#6a4418 rgb(106,68,24)
```
#7a4e1b
```
#7a4e1b rgb(122,78,27)
```
#8a591f
```
#8a591f rgb(138,89,31)
```
#9a6322
```
#9a6322 rgb(154,99,34)
```
#aa6d26
```
#aa6d26 rgb(170,109,38)
```
#ba7829
```
#ba7829 rgb(186,120,41)
```
#ca822d
```
#ca822d rgb(202,130,45)
```

Shade Color Variation

#d38c38
```
#d38c38 rgb(211,140,56)
```
#d69548
```
#d69548 rgb(214,149,72)
```
#da9e58
```
#da9e58 rgb(218,158,88)
```
#dda868
```
#dda868 rgb(221,168,104)
```
#e1b178
```
#e1b178 rgb(225,177,120)
```
#e5ba88
```
#e5ba88 rgb(229,186,136)
```
#e8c398
```
#e8c398 rgb(232,195,152)
```
#eccda8
```
#eccda8 rgb(236,205,168)
```
#efd6b8
```
#efd6b8 rgb(239,214,184)
```
#f3dfc8
```
#f3dfc8 rgb(243,223,200)
```
#f6e9d8
```
#f6e9d8 rgb(246,233,216)
```
#faf2e8
```
#faf2e8 rgb(250,242,232)
```
#fefbf8
```
#fefbf8 rgb(254,251,248)
```

Tint Color Variation

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

#7e7c79
```
#7e7c79 rgb(126,124,121)
```
#887c70
```
#887c70 rgb(136,124,112)
```
#917d66
```
#917d66 rgb(145,125,102)
```
#9b7e5d
```
#9b7e5d rgb(155,126,93)
```
#a47f53
```
#a47f53 rgb(164,127,83)
```
#ae804a
```
#ae804a rgb(174,128,74)
```
#b78040
```
#b78040 rgb(183,128,64)
```
#c18137
```
#c18137 rgb(193,129,55)
```
#ca822d
```
#ca822d rgb(202,130,45)
```
#d48324
```
#d48324 rgb(212,131,36)
```
#dd841a
```
#dd841a rgb(221,132,26)
```
#e78411
```
#e78411 rgb(231,132,17)
```
#f08507
```
#f08507 rgb(240,133,7)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#9a8c7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8973c Protanopia 1% of men
#bc9034 Deuteranopia 1% of men
#d18089 Tritanopia 0.001% of the population

Trichromacy

#b48f36 Protanomaly 1% of men, 0.01% of women
#c18b31 Deuteranomaly 6% of men, 0.4% of women
#ce8067 Tritanomaly 0.01% of the population

#ca822d hex color

#ca822d Color Information

#ca822d Color Conversion

Color Schemes with #ca822d

Alternatives to #ca822d

#ca822d Preview

Shades and Tints of #ca822d

Tones of #ca822d

Color Blindness Simulator