#ca500a hex color

In a RGB color space, hex #ca500a is composed of 79.2% red, 31.4% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.4% magenta, 95% yellow and 20.8% black. It has a hue angle of 21.9 degrees, a saturation of 90.6% and a lightness of 41.6%. #ca500a color hex could be obtained by blending #ffa014 with #950000. Closest websafe color is: #cc6600.

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

● #ca500a color description : Strong orange.

The hexadecimal color #ca500a has RGB values of R:202, G:80, B:10 and CMYK values of C:0, M:0.6, Y:0.95, K:0.21. Its decimal value is 13258762.

Hex triplet	ca500a	`#ca500a`
RGB Decimal	202, 80, 10	`rgb(202,80,10)`
RGB Percent	79.2, 31.4, 3.9	`rgb(79.2%,31.4%,3.9%)`
CMYK	0, 60, 95, 21
HSL	21.9°, 90.6, 41.6	`hsl(21.9,90.6%,41.6%)`
HSV (or HSB)	21.9°, 95, 79.2
Web Safe	cc6600	`#cc6600`

CIE-LAB	49.88, 45.856, 57.616
XYZ	27.282, 18.319, 2.386
xyY	0.569, 0.382, 18.319
CIE-LCH	49.88, 73.637, 51.484
CIE-LUV	49.88, 100.554, 42.042
Hunter-Lab	42.8, 38.879, 26.654
Binary	11001010, 01010000, 00001010

#ca500a
```
#ca500a rgb(202,80,10)
```
#0a84ca
```
#0a84ca rgb(10,132,202)
```

Complementary Color

#ca0a24
```
#ca0a24 rgb(202,10,36)
```
#ca500a
```
#ca500a rgb(202,80,10)
```
#cab00a
```
#cab00a rgb(202,176,10)
```

Analogous Color

#0a24ca
```
#0a24ca rgb(10,36,202)
```
#ca500a
```
#ca500a rgb(202,80,10)
```
#0acab0
```
#0acab0 rgb(10,202,176)
```

Split Complementary Color

#500aca
```
#500aca rgb(80,10,202)
```
#ca500a
```
#ca500a rgb(202,80,10)
```
#0aca50
```
#0aca50 rgb(10,202,80)
```

Triadic Color

#ca0a84
```
#ca0a84 rgb(202,10,132)
```
#ca500a
```
#ca500a rgb(202,80,10)
```
#0aca50
```
#0aca50 rgb(10,202,80)
```
#0a84ca
```
#0a84ca rgb(10,132,202)
```

Tetradic Color

#813306
```
#813306 rgb(129,51,6)
```
#993d08
```
#993d08 rgb(153,61,8)
```
#b24609
```
#b24609 rgb(178,70,9)
```
#ca500a
```
#ca500a rgb(202,80,10)
```
#e25a0b
```
#e25a0b rgb(226,90,11)
```
#f36514
```
#f36514 rgb(243,101,20)
```
#f5752c
```
#f5752c rgb(245,117,44)
```

Monochromatic Color

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

#ca200a
```
#ca200a rgb(202,32,10)
```
#ca300a
```
#ca300a rgb(202,48,10)
```
#ca400a
```
#ca400a rgb(202,64,10)
```
#ca500a
```
#ca500a rgb(202,80,10)
```
#ca600a
```
#ca600a rgb(202,96,10)
```
#ca700a
```
#ca700a rgb(202,112,10)
```
#ca800a
```
#ca800a rgb(202,128,10)
```

Similar Colors

Text with hexadecimal color #ca500a

This text has a font color of #ca500a.

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

#ca500a background color

This paragraph has a background color of #ca500a.

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

#ca500a border color

This element has a border color of #ca500a.

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

CSS codes

.text {color:#ca500a;}

.background {background-color:#ca500a;}

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

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

#0f0601
```
#0f0601 rgb(15,6,1)
```
#220d02
```
#220d02 rgb(34,13,2)
```
#341503
```
#341503 rgb(52,21,3)
```
#471c04
```
#471c04 rgb(71,28,4)
```
#5a2404
```
#5a2404 rgb(90,36,4)
```
#6d2b05
```
#6d2b05 rgb(109,43,5)
```
#7f3206
```
#7f3206 rgb(127,50,6)
```
#923a07
```
#923a07 rgb(146,58,7)
```
#a54108
```
#a54108 rgb(165,65,8)
```
#b74909
```
#b74909 rgb(183,73,9)
```
#ca500a
```
#ca500a rgb(202,80,10)
```
#dd570b
```
#dd570b rgb(221,87,11)
```
#ef5f0c
```
#ef5f0c rgb(239,95,12)
```

Shade Color Variation

#f46a1b
```
#f46a1b rgb(244,106,27)
```
#f5762e
```
#f5762e rgb(245,118,46)
```
#f68341
```
#f68341 rgb(246,131,65)
```
#f68f53
```
#f68f53 rgb(246,143,83)
```
#f79b66
```
#f79b66 rgb(247,155,102)
```
#f8a779
```
#f8a779 rgb(248,167,121)
```
#f9b38b
```
#f9b38b rgb(249,179,139)
```
#fac09e
```
#fac09e rgb(250,192,158)
```
#fbccb1
```
#fbccb1 rgb(251,204,177)
```
#fcd8c3
```
#fcd8c3 rgb(252,216,195)
```
#fde4d6
```
#fde4d6 rgb(253,228,214)
```
#fef0e9
```
#fef0e9 rgb(254,240,233)
```
#fffdfb
```
#fffdfb rgb(255,253,251)
```

Tint Color Variation

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

#706864
```
#706864 rgb(112,104,100)
```
#78665c
```
#78665c rgb(120,102,92)
```
#816453
```
#816453 rgb(129,100,83)
```
#89624b
```
#89624b rgb(137,98,75)
```
#915f43
```
#915f43 rgb(145,95,67)
```
#995d3b
```
#995d3b rgb(153,93,59)
```
#a15b33
```
#a15b33 rgb(161,91,51)
```
#a9592b
```
#a9592b rgb(169,89,43)
```
#b25722
```
#b25722 rgb(178,87,34)
```
#ba541a
```
#ba541a rgb(186,84,26)
```
#c25212
```
#c25212 rgb(194,82,18)
```
#ca500a
```
#ca500a rgb(202,80,10)
```
#d24e02
```
#d24e02 rgb(210,78,2)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#7f6658 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c7d20 Protanopia 1% of men
#9d7700 Deuteranopia 1% of men
#ce5358 Tritanopia 0.001% of the population

Trichromacy

#a26d18 Protanomaly 1% of men, 0.01% of women
#ad6903 Deuteranomaly 6% of men, 0.4% of women
#cc523b Tritanomaly 0.01% of the population

#ca500a hex color

#ca500a Color Information

#ca500a Color Conversion

Color Schemes with #ca500a

Alternatives to #ca500a

#ca500a Preview

Shades and Tints of #ca500a

Tones of #ca500a

Color Blindness Simulator