#ca580a hex color

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

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

● #ca580a color description : Strong orange.

The hexadecimal color #ca580a has RGB values of R:202, G:88, B:10 and CMYK values of C:0, M:0.56, Y:0.95, K:0.21. Its decimal value is 13260810.

Hex triplet	ca580a	`#ca580a`
RGB Decimal	202, 88, 10	`rgb(202,88,10)`
RGB Percent	79.2, 34.5, 3.9	`rgb(79.2%,34.5%,3.9%)`
CMYK	0, 56, 95, 21
HSL	24.4°, 90.6, 41.6	`hsl(24.4,90.6%,41.6%)`
HSV (or HSB)	24.4°, 95, 79.2
Web Safe	cc6600	`#cc6600`

CIE-LAB	51.337, 42.062, 58.554
XYZ	27.903, 19.561, 2.593
xyY	0.557, 0.391, 19.561
CIE-LCH	51.337, 72.095, 54.309
CIE-LUV	51.337, 94.305, 44.452
Hunter-Lab	44.228, 35.216, 27.483
Binary	11001010, 01011000, 00001010

#ca580a
```
#ca580a rgb(202,88,10)
```
#0a7cca
```
#0a7cca rgb(10,124,202)
```

Complementary Color

#ca0a1c
```
#ca0a1c rgb(202,10,28)
```
#ca580a
```
#ca580a rgb(202,88,10)
```
#cab80a
```
#cab80a rgb(202,184,10)
```

Analogous Color

#0a1cca
```
#0a1cca rgb(10,28,202)
```
#ca580a
```
#ca580a rgb(202,88,10)
```
#0acab8
```
#0acab8 rgb(10,202,184)
```

Split Complementary Color

#580aca
```
#580aca rgb(88,10,202)
```
#ca580a
```
#ca580a rgb(202,88,10)
```
#0aca58
```
#0aca58 rgb(10,202,88)
```

Triadic Color

#ca0a7c
```
#ca0a7c rgb(202,10,124)
```
#ca580a
```
#ca580a rgb(202,88,10)
```
#0aca58
```
#0aca58 rgb(10,202,88)
```
#0a7cca
```
#0a7cca rgb(10,124,202)
```

Tetradic Color

#813806
```
#813806 rgb(129,56,6)
```
#994308
```
#994308 rgb(153,67,8)
```
#b24d09
```
#b24d09 rgb(178,77,9)
```
#ca580a
```
#ca580a rgb(202,88,10)
```
#e2630b
```
#e2630b rgb(226,99,11)
```
#f36f14
```
#f36f14 rgb(243,111,20)
```
#f57d2c
```
#f57d2c rgb(245,125,44)
```

Monochromatic Color

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

#ca280a
```
#ca280a rgb(202,40,10)
```
#ca380a
```
#ca380a rgb(202,56,10)
```
#ca480a
```
#ca480a rgb(202,72,10)
```
#ca580a
```
#ca580a rgb(202,88,10)
```
#ca680a
```
#ca680a rgb(202,104,10)
```
#ca780a
```
#ca780a rgb(202,120,10)
```
#ca880a
```
#ca880a rgb(202,136,10)
```

Similar Colors

Text with hexadecimal color #ca580a

This text has a font color of #ca580a.

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

#ca580a background color

This paragraph has a background color of #ca580a.

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

#ca580a border color

This element has a border color of #ca580a.

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

CSS codes

.text {color:#ca580a;}

.background {background-color:#ca580a;}

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

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

#0f0701
```
#0f0701 rgb(15,7,1)
```
#220f02
```
#220f02 rgb(34,15,2)
```
#341703
```
#341703 rgb(52,23,3)
```
#471f04
```
#471f04 rgb(71,31,4)
```
#5a2704
```
#5a2704 rgb(90,39,4)
```
#6d2f05
```
#6d2f05 rgb(109,47,5)
```
#7f3706
```
#7f3706 rgb(127,55,6)
```
#924007
```
#924007 rgb(146,64,7)
```
#a54808
```
#a54808 rgb(165,72,8)
```
#b75009
```
#b75009 rgb(183,80,9)
```
#ca580a
```
#ca580a rgb(202,88,10)
```
#dd600b
```
#dd600b rgb(221,96,11)
```
#ef680c
```
#ef680c rgb(239,104,12)
```

Shade Color Variation

#f4731b
```
#f4731b rgb(244,115,27)
```
#f57f2e
```
#f57f2e rgb(245,127,46)
```
#f68a41
```
#f68a41 rgb(246,138,65)
```
#f69653
```
#f69653 rgb(246,150,83)
```
#f7a166
```
#f7a166 rgb(247,161,102)
```
#f8ac79
```
#f8ac79 rgb(248,172,121)
```
#f9b88b
```
#f9b88b rgb(249,184,139)
```
#fac39e
```
#fac39e rgb(250,195,158)
```
#fbcfb1
```
#fbcfb1 rgb(251,207,177)
```
#fcdac3
```
#fcdac3 rgb(252,218,195)
```
#fde6d6
```
#fde6d6 rgb(253,230,214)
```
#fef1e9
```
#fef1e9 rgb(254,241,233)
```
#fffdfb
```
#fffdfb rgb(255,253,251)
```

Tint Color Variation

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

#706964
```
#706964 rgb(112,105,100)
```
#78675c
```
#78675c rgb(120,103,92)
```
#816653
```
#816653 rgb(129,102,83)
```
#89644b
```
#89644b rgb(137,100,75)
```
#916343
```
#916343 rgb(145,99,67)
```
#99613b
```
#99613b rgb(153,97,59)
```
#a16033
```
#a16033 rgb(161,96,51)
```
#a95e2b
```
#a95e2b rgb(169,94,43)
```
#b25d22
```
#b25d22 rgb(178,93,34)
```
#ba5b1a
```
#ba5b1a rgb(186,91,26)
```
#c25a12
```
#c25a12 rgb(194,90,18)
```
#ca580a
```
#ca580a rgb(202,88,10)
```
#d25602
```
#d25602 rgb(210,86,2)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#836c5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#90811f Protanopia 1% of men
#a17b00 Deuteranopia 1% of men
#cf5a5f Tritanopia 0.001% of the population

Trichromacy

#a57217 Protanomaly 1% of men, 0.01% of women
#b06e03 Deuteranomaly 6% of men, 0.4% of women
#cd5940 Tritanomaly 0.01% of the population

#ca580a hex color

#ca580a Color Information

#ca580a Color Conversion

Color Schemes with #ca580a

Alternatives to #ca580a

#ca580a Preview

Shades and Tints of #ca580a

Tones of #ca580a

Color Blindness Simulator