#ca821e hex color

In a RGB color space, hex #ca821e is composed of 79.2% red, 51% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.6% magenta, 85.1% yellow and 20.8% black. It has a hue angle of 34.9 degrees, a saturation of 74.1% and a lightness of 45.5%. #ca821e color hex could be obtained by blending #ffff3c with #950500. Closest websafe color is: #cc9933.

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

● #ca821e color description : Strong orange.

The hexadecimal color #ca821e has RGB values of R:202, G:130, B:30 and CMYK values of C:0, M:0.36, Y:0.85, K:0.21. Its decimal value is 13271582.

Hex triplet	ca821e	`#ca821e`
RGB Decimal	202, 130, 30	`rgb(202,130,30)`
RGB Percent	79.2, 51, 11.8	`rgb(79.2%,51%,11.8%)`
CMYK	0, 36, 85, 21
HSL	34.9°, 74.1, 45.5	`hsl(34.9,74.1%,45.5%)`
HSV (or HSB)	34.9°, 85.1, 79.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	60.443, 20.411, 60.004
XYZ	32.575, 28.618, 5.036
xyY	0.492, 0.432, 28.618
CIE-LCH	60.443, 63.381, 71.214
CIE-LUV	60.443, 59.209, 56.321
Hunter-Lab	53.496, 15.076, 31.865
Binary	11001010, 10000010, 00011110

#ca821e
```
#ca821e rgb(202,130,30)
```
#1e66ca
```
#1e66ca rgb(30,102,202)
```

Complementary Color

#ca2c1e
```
#ca2c1e rgb(202,44,30)
```
#ca821e
```
#ca821e rgb(202,130,30)
```
#bcca1e
```
#bcca1e rgb(188,202,30)
```

Analogous Color

#2c1eca
```
#2c1eca rgb(44,30,202)
```
#ca821e
```
#ca821e rgb(202,130,30)
```
#1ebcca
```
#1ebcca rgb(30,188,202)
```

Split Complementary Color

#821eca
```
#821eca rgb(130,30,202)
```
#ca821e
```
#ca821e rgb(202,130,30)
```
#1eca82
```
#1eca82 rgb(30,202,130)
```

Triadic Color

#ca1e66
```
#ca1e66 rgb(202,30,102)
```
#ca821e
```
#ca821e rgb(202,130,30)
```
#1eca82
```
#1eca82 rgb(30,202,130)
```
#1e66ca
```
#1e66ca rgb(30,102,202)
```

Tetradic Color

#875714
```
#875714 rgb(135,87,20)
```
#9e6517
```
#9e6517 rgb(158,101,23)
```
#b4741b
```
#b4741b rgb(180,116,27)
```
#ca821e
```
#ca821e rgb(202,130,30)
```
#de9023
```
#de9023 rgb(222,144,35)
```
#e29b39
```
#e29b39 rgb(226,155,57)
```
#e5a650
```
#e5a650 rgb(229,166,80)
```

Monochromatic Color

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

#ca571e
```
#ca571e rgb(202,87,30)
```
#ca651e
```
#ca651e rgb(202,101,30)
```
#ca741e
```
#ca741e rgb(202,116,30)
```
#ca821e
```
#ca821e rgb(202,130,30)
```
#ca901e
```
#ca901e rgb(202,144,30)
```
#ca9f1e
```
#ca9f1e rgb(202,159,30)
```
#caad1e
```
#caad1e rgb(202,173,30)
```

Similar Colors

Text with hexadecimal color #ca821e

This text has a font color of #ca821e.

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

#ca821e background color

This paragraph has a background color of #ca821e.

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

#ca821e border color

This element has a border color of #ca821e.

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

CSS codes

.text {color:#ca821e;}

.background {background-color:#ca821e;}

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

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

#0e0902
```
#0e0902 rgb(14,9,2)
```
#1f1405
```
#1f1405 rgb(31,20,5)
```
#301f07
```
#301f07 rgb(48,31,7)
```
#412a0a
```
#412a0a rgb(65,42,10)
```
#52350c
```
#52350c rgb(82,53,12)
```
#64400f
```
#64400f rgb(100,64,15)
```
#754b11
```
#754b11 rgb(117,75,17)
```
#865614
```
#865614 rgb(134,86,20)
```
#976116
```
#976116 rgb(151,97,22)
```
#a86c19
```
#a86c19 rgb(168,108,25)
```
#b9771b
```
#b9771b rgb(185,119,27)
```
#ca821e
```
#ca821e rgb(202,130,30)
```
#db8d21
```
#db8d21 rgb(219,141,33)
```

Shade Color Variation

#e0962f
```
#e0962f rgb(224,150,47)
```
#e39f40
```
#e39f40 rgb(227,159,64)
```
#e5a751
```
#e5a751 rgb(229,167,81)
```
#e8b062
```
#e8b062 rgb(232,176,98)
```
#eab973
```
#eab973 rgb(234,185,115)
```
#edc185
```
#edc185 rgb(237,193,133)
```
#efca96
```
#efca96 rgb(239,202,150)
```
#f2d2a7
```
#f2d2a7 rgb(242,210,167)
```
#f4dbb8
```
#f4dbb8 rgb(244,219,184)
```
#f7e4c9
```
#f7e4c9 rgb(247,228,201)
```
#f9ecda
```
#f9ecda rgb(249,236,218)
```
#fcf5eb
```
#fcf5eb rgb(252,245,235)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#7a756e
```
#7a756e rgb(122,117,110)
```
#837665
```
#837665 rgb(131,118,101)
```
#8c785c
```
#8c785c rgb(140,120,92)
```
#947954
```
#947954 rgb(148,121,84)
```
#9d7b4b
```
#9d7b4b rgb(157,123,75)
```
#a67c42
```
#a67c42 rgb(166,124,66)
```
#af7e39
```
#af7e39 rgb(175,126,57)
```
#b87f30
```
#b87f30 rgb(184,127,48)
```
#c18127
```
#c18127 rgb(193,129,39)
```
#ca821e
```
#ca821e rgb(202,130,30)
```
#d38315
```
#d38315 rgb(211,131,21)
```
#dc850c
```
#dc850c rgb(220,133,12)
```
#e58603
```
#e58603 rgb(229,134,3)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#988a76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9972d Protanopia 1% of men
#bc9025 Deuteranopia 1% of men
#d27f88 Tritanopia 0.001% of the population

Trichromacy

#b58f27 Protanomaly 1% of men, 0.01% of women
#c18b22 Deuteranomaly 6% of men, 0.4% of women
#cf8061 Tritanomaly 0.01% of the population

#ca821e hex color

#ca821e Color Information

#ca821e Color Conversion

Color Schemes with #ca821e

Alternatives to #ca821e

#ca821e Preview

Shades and Tints of #ca821e

Tones of #ca821e

Color Blindness Simulator