#ca502d hex color

In a RGB color space, hex #ca502d is composed of 79.2% red, 31.4% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.4% magenta, 77.7% yellow and 20.8% black. It has a hue angle of 13.4 degrees, a saturation of 63.6% and a lightness of 48.4%. #ca502d color hex could be obtained by blending #ffa05a with #950000. Closest websafe color is: #cc6633.

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

● #ca502d color description : Strong red.

The hexadecimal color #ca502d has RGB values of R:202, G:80, B:45 and CMYK values of C:0, M:0.6, Y:0.78, K:0.21. Its decimal value is 13258797.

Hex triplet	ca502d	`#ca502d`
RGB Decimal	202, 80, 45	`rgb(202,80,45)`
RGB Percent	79.2, 31.4, 17.6	`rgb(79.2%,31.4%,17.6%)`
CMYK	0, 60, 78, 21
HSL	13.4°, 63.6, 48.4	`hsl(13.4,63.6%,48.4%)`
HSV (or HSB)	13.4°, 77.7, 79.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	50.081, 46.672, 44.316
XYZ	27.701, 18.486, 4.592
xyY	0.546, 0.364, 18.486
CIE-LCH	50.081, 64.36, 43.516
CIE-LUV	50.081, 97.496, 34.893
Hunter-Lab	42.996, 39.759, 23.765
Binary	11001010, 01010000, 00101101

#ca502d
```
#ca502d rgb(202,80,45)
```
#2da7ca
```
#2da7ca rgb(45,167,202)
```

Complementary Color

#ca2d59
```
#ca2d59 rgb(202,45,89)
```
#ca502d
```
#ca502d rgb(202,80,45)
```
#ca9f2d
```
#ca9f2d rgb(202,159,45)
```

Analogous Color

#2d59ca
```
#2d59ca rgb(45,89,202)
```
#ca502d
```
#ca502d rgb(202,80,45)
```
#2dca9f
```
#2dca9f rgb(45,202,159)
```

Split Complementary Color

#502dca
```
#502dca rgb(80,45,202)
```
#ca502d
```
#ca502d rgb(202,80,45)
```
#2dca50
```
#2dca50 rgb(45,202,80)
```

Triadic Color

#ca2da7
```
#ca2da7 rgb(202,45,167)
```
#ca502d
```
#ca502d rgb(202,80,45)
```
#2dca50
```
#2dca50 rgb(45,202,80)
```
#2da7ca
```
#2da7ca rgb(45,167,202)
```

Tetradic Color

#8b371f
```
#8b371f rgb(139,55,31)
```
#a03f24
```
#a03f24 rgb(160,63,36)
```
#b54828
```
#b54828 rgb(181,72,40)
```
#ca502d
```
#ca502d rgb(202,80,45)
```
#d45e3d
```
#d45e3d rgb(212,94,61)
```
#d87052
```
#d87052 rgb(216,112,82)
```
#dd8166
```
#dd8166 rgb(221,129,102)
```

Monochromatic Color

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

#ca2d31
```
#ca2d31 rgb(202,45,49)
```
#ca362d
```
#ca362d rgb(202,54,45)
```
#ca432d
```
#ca432d rgb(202,67,45)
```
#ca502d
```
#ca502d rgb(202,80,45)
```
#ca5d2d
```
#ca5d2d rgb(202,93,45)
```
#ca6a2d
```
#ca6a2d rgb(202,106,45)
```
#ca772d
```
#ca772d rgb(202,119,45)
```

Similar Colors

Text with hexadecimal color #ca502d

This text has a font color of #ca502d.

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

#ca502d background color

This paragraph has a background color of #ca502d.

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

#ca502d border color

This element has a border color of #ca502d.

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

CSS codes

.text {color:#ca502d;}

.background {background-color:#ca502d;}

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

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

#090402
```
#090402 rgb(9,4,2)
```
#1a0a06
```
#1a0a06 rgb(26,10,6)
```
#2a1009
```
#2a1009 rgb(42,16,9)
```
#3a170d
```
#3a170d rgb(58,23,13)
```
#4a1d10
```
#4a1d10 rgb(74,29,16)
```
#5a2414
```
#5a2414 rgb(90,36,20)
```
#6a2a18
```
#6a2a18 rgb(106,42,24)
```
#7a301b
```
#7a301b rgb(122,48,27)
```
#8a371f
```
#8a371f rgb(138,55,31)
```
#9a3d22
```
#9a3d22 rgb(154,61,34)
```
#aa4326
```
#aa4326 rgb(170,67,38)
```
#ba4a29
```
#ba4a29 rgb(186,74,41)
```
#ca502d
```
#ca502d rgb(202,80,45)
```

Shade Color Variation

#d35a38
```
#d35a38 rgb(211,90,56)
```
#d66848
```
#d66848 rgb(214,104,72)
```
#da7558
```
#da7558 rgb(218,117,88)
```
#dd8268
```
#dd8268 rgb(221,130,104)
```
#e18f78
```
#e18f78 rgb(225,143,120)
```
#e59d88
```
#e59d88 rgb(229,157,136)
```
#e8aa98
```
#e8aa98 rgb(232,170,152)
```
#ecb7a8
```
#ecb7a8 rgb(236,183,168)
```
#efc5b8
```
#efc5b8 rgb(239,197,184)
```
#f3d2c8
```
#f3d2c8 rgb(243,210,200)
```
#f6dfd8
```
#f6dfd8 rgb(246,223,216)
```
#faece8
```
#faece8 rgb(250,236,232)
```
#fefaf8
```
#fefaf8 rgb(254,250,248)
```

Tint Color Variation

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

#7e7a79
```
#7e7a79 rgb(126,122,121)
```
#887570
```
#887570 rgb(136,117,112)
```
#917066
```
#917066 rgb(145,112,102)
```
#9b6a5d
```
#9b6a5d rgb(155,106,93)
```
#a46553
```
#a46553 rgb(164,101,83)
```
#ae604a
```
#ae604a rgb(174,96,74)
```
#b75b40
```
#b75b40 rgb(183,91,64)
```
#c15537
```
#c15537 rgb(193,85,55)
```
#ca502d
```
#ca502d rgb(202,80,45)
```
#d44b24
```
#d44b24 rgb(212,75,36)
```
#dd451a
```
#dd451a rgb(221,69,26)
```
#e74011
```
#e74011 rgb(231,64,17)
```
#f03b07
```
#f03b07 rgb(240,59,7)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#826a63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a7e42 Protanopia 1% of men
#9c782e Deuteranopia 1% of men
#ce5559 Tritanopia 0.001% of the population

Trichromacy

#a16d3a Protanomaly 1% of men, 0.01% of women
#ac692d Deuteranomaly 6% of men, 0.4% of women
#cc5349 Tritanomaly 0.01% of the population

#ca502d hex color

#ca502d Color Information

#ca502d Color Conversion

Color Schemes with #ca502d

Alternatives to #ca502d

#ca502d Preview

Shades and Tints of #ca502d

Tones of #ca502d

Color Blindness Simulator