#ca582c hex color

In a RGB color space, hex #ca582c is composed of 79.2% red, 34.5% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.4% magenta, 78.2% yellow and 20.8% black. It has a hue angle of 16.7 degrees, a saturation of 64.2% and a lightness of 48.2%. #ca582c color hex could be obtained by blending #ffb058 with #950000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 79
- G 35
- B 17
RGB color chart
- C 0
- M 56
- Y 78
- K 21
CMYK color chart

● #ca582c color description : Strong orange.

The hexadecimal color #ca582c has RGB values of R:202, G:88, B:44 and CMYK values of C:0, M:0.56, Y:0.78, K:0.21. Its decimal value is 13260844.

Hex triplet	ca582c	`#ca582c`
RGB Decimal	202, 88, 44	`rgb(202,88,44)`
RGB Percent	79.2, 34.5, 17.3	`rgb(79.2%,34.5%,17.3%)`
CMYK	0, 56, 78, 21
HSL	16.7°, 64.2, 48.2	`hsl(16.7,64.2%,48.2%)`
HSV (or HSB)	16.7°, 78.2, 79.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	51.52, 42.852, 46.262
XYZ	28.303, 19.721, 4.699
xyY	0.537, 0.374, 19.721
CIE-LCH	51.52, 63.059, 47.191
CIE-LUV	51.52, 91.686, 37.805
Hunter-Lab	44.408, 36.05, 24.812
Binary	11001010, 01011000, 00101100

#ca582c
```
#ca582c rgb(202,88,44)
```
#2c9eca
```
#2c9eca rgb(44,158,202)
```

Complementary Color

#ca2c4f
```
#ca2c4f rgb(202,44,79)
```
#ca582c
```
#ca582c rgb(202,88,44)
```
#caa72c
```
#caa72c rgb(202,167,44)
```

Analogous Color

#2c4fca
```
#2c4fca rgb(44,79,202)
```
#ca582c
```
#ca582c rgb(202,88,44)
```
#2ccaa7
```
#2ccaa7 rgb(44,202,167)
```

Split Complementary Color

#582cca
```
#582cca rgb(88,44,202)
```
#ca582c
```
#ca582c rgb(202,88,44)
```
#2cca58
```
#2cca58 rgb(44,202,88)
```

Triadic Color

#ca2c9e
```
#ca2c9e rgb(202,44,158)
```
#ca582c
```
#ca582c rgb(202,88,44)
```
#2cca58
```
#2cca58 rgb(44,202,88)
```
#2c9eca
```
#2c9eca rgb(44,158,202)
```

Tetradic Color

#8b3d1e
```
#8b3d1e rgb(139,61,30)
```
#a04623
```
#a04623 rgb(160,70,35)
```
#b54f27
```
#b54f27 rgb(181,79,39)
```
#ca582c
```
#ca582c rgb(202,88,44)
```
#d4663b
```
#d4663b rgb(212,102,59)
```
#d97650
```
#d97650 rgb(217,118,80)
```
#dd8765
```
#dd8765 rgb(221,135,101)
```

Monochromatic Color

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

#ca312c
```
#ca312c rgb(202,49,44)
```
#ca3e2c
```
#ca3e2c rgb(202,62,44)
```
#ca4b2c
```
#ca4b2c rgb(202,75,44)
```
#ca582c
```
#ca582c rgb(202,88,44)
```
#ca652c
```
#ca652c rgb(202,101,44)
```
#ca722c
```
#ca722c rgb(202,114,44)
```
#ca802c
```
#ca802c rgb(202,128,44)
```

Similar Colors

Text with hexadecimal color #ca582c

This text has a font color of #ca582c.

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

#ca582c background color

This paragraph has a background color of #ca582c.

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

#ca582c border color

This element has a border color of #ca582c.

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

CSS codes

.text {color:#ca582c;}

.background {background-color:#ca582c;}

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

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

#090402
```
#090402 rgb(9,4,2)
```
#190b05
```
#190b05 rgb(25,11,5)
```
#291209
```
#291209 rgb(41,18,9)
```
#39190c
```
#39190c rgb(57,25,12)
```
#492010
```
#492010 rgb(73,32,16)
```
#592713
```
#592713 rgb(89,39,19)
```
#692e17
```
#692e17 rgb(105,46,23)
```
#79351a
```
#79351a rgb(121,53,26)
```
#8a3c1e
```
#8a3c1e rgb(138,60,30)
```
#9a4321
```
#9a4321 rgb(154,67,33)
```
#aa4a25
```
#aa4a25 rgb(170,74,37)
```
#ba5128
```
#ba5128 rgb(186,81,40)
```
#ca582c
```
#ca582c rgb(202,88,44)
```

Shade Color Variation

#d36236
```
#d36236 rgb(211,98,54)
```
#d76f46
```
#d76f46 rgb(215,111,70)
```
#da7b57
```
#da7b57 rgb(218,123,87)
```
#de8867
```
#de8867 rgb(222,136,103)
```
#e19477
```
#e19477 rgb(225,148,119)
```
#e5a187
```
#e5a187 rgb(229,161,135)
```
#e8ae97
```
#e8ae97 rgb(232,174,151)
```
#ecbaa7
```
#ecbaa7 rgb(236,186,167)
```
#efc7b7
```
#efc7b7 rgb(239,199,183)
```
#f3d3c7
```
#f3d3c7 rgb(243,211,199)
```
#f6e0d7
```
#f6e0d7 rgb(246,224,215)
```
#faede8
```
#faede8 rgb(250,237,232)
```
#fdf9f8
```
#fdf9f8 rgb(253,249,248)
```

Tint Color Variation

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

#7e7a78
```
#7e7a78 rgb(126,122,120)
```
#88756e
```
#88756e rgb(136,117,110)
```
#917165
```
#917165 rgb(145,113,101)
```
#9b6d5b
```
#9b6d5b rgb(155,109,91)
```
#a46952
```
#a46952 rgb(164,105,82)
```
#ae6548
```
#ae6548 rgb(174,101,72)
```
#b7603f
```
#b7603f rgb(183,96,63)
```
#c15c35
```
#c15c35 rgb(193,92,53)
```
#ca582c
```
#ca582c rgb(202,88,44)
```
#d35423
```
#d35423 rgb(211,84,35)
```
#dd5019
```
#dd5019 rgb(221,80,25)
```
#e64b10
```
#e64b10 rgb(230,75,16)
```
#f04706
```
#f04706 rgb(240,71,6)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#866f66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8140 Protanopia 1% of men
#a07b2e Deuteranopia 1% of men
#ce5b61 Tritanopia 0.001% of the population

Trichromacy

#a47238 Protanomaly 1% of men, 0.01% of women
#af6e2d Deuteranomaly 6% of men, 0.4% of women
#cc5a4d Tritanomaly 0.01% of the population

#ca582c hex color

#ca582c Color Information

#ca582c Color Conversion

Color Schemes with #ca582c

Alternatives to #ca582c

#ca582c Preview

Shades and Tints of #ca582c

Tones of #ca582c

Color Blindness Simulator