#ca581e hex color

In a RGB color space, hex #ca581e is composed of 79.2% red, 34.5% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.4% magenta, 85.1% yellow and 20.8% black. It has a hue angle of 20.2 degrees, a saturation of 74.1% and a lightness of 45.5%. #ca581e color hex could be obtained by blending #ffb03c with #950000. Closest websafe color is: #cc6633.

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

● #ca581e color description : Strong orange.

The hexadecimal color #ca581e has RGB values of R:202, G:88, B:30 and CMYK values of C:0, M:0.56, Y:0.85, K:0.21. Its decimal value is 13260830.

Hex triplet	ca581e	`#ca581e`
RGB Decimal	202, 88, 30	`rgb(202,88,30)`
RGB Percent	79.2, 34.5, 11.8	`rgb(79.2%,34.5%,11.8%)`
CMYK	0, 56, 85, 21
HSL	20.2°, 74.1, 45.5	`hsl(20.2,74.1%,45.5%)`
HSV (or HSB)	20.2°, 85.1, 79.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	51.419, 42.418, 52.414
XYZ	28.082, 19.633, 3.539
xyY	0.548, 0.383, 19.633
CIE-LCH	51.419, 67.428, 51.017
CIE-LUV	51.419, 93.112, 41.427
Hunter-Lab	44.309, 35.591, 26.281
Binary	11001010, 01011000, 00011110

#ca581e
```
#ca581e rgb(202,88,30)
```
#1e90ca
```
#1e90ca rgb(30,144,202)
```

Complementary Color

#ca1e3a
```
#ca1e3a rgb(202,30,58)
```
#ca581e
```
#ca581e rgb(202,88,30)
```
#caae1e
```
#caae1e rgb(202,174,30)
```

Analogous Color

#1e3aca
```
#1e3aca rgb(30,58,202)
```
#ca581e
```
#ca581e rgb(202,88,30)
```
#1ecaae
```
#1ecaae rgb(30,202,174)
```

Split Complementary Color

#581eca
```
#581eca rgb(88,30,202)
```
#ca581e
```
#ca581e rgb(202,88,30)
```
#1eca58
```
#1eca58 rgb(30,202,88)
```

Triadic Color

#ca1e90
```
#ca1e90 rgb(202,30,144)
```
#ca581e
```
#ca581e rgb(202,88,30)
```
#1eca58
```
#1eca58 rgb(30,202,88)
```
#1e90ca
```
#1e90ca rgb(30,144,202)
```

Tetradic Color

#873b14
```
#873b14 rgb(135,59,20)
```
#9e4517
```
#9e4517 rgb(158,69,23)
```
#b44e1b
```
#b44e1b rgb(180,78,27)
```
#ca581e
```
#ca581e rgb(202,88,30)
```
#de6223
```
#de6223 rgb(222,98,35)
```
#e27239
```
#e27239 rgb(226,114,57)
```
#e58250
```
#e58250 rgb(229,130,80)
```

Monochromatic Color

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

#ca2d1e
```
#ca2d1e rgb(202,45,30)
```
#ca3b1e
```
#ca3b1e rgb(202,59,30)
```
#ca4a1e
```
#ca4a1e rgb(202,74,30)
```
#ca581e
```
#ca581e rgb(202,88,30)
```
#ca661e
```
#ca661e rgb(202,102,30)
```
#ca751e
```
#ca751e rgb(202,117,30)
```
#ca831e
```
#ca831e rgb(202,131,30)
```

Similar Colors

Text with hexadecimal color #ca581e

This text has a font color of #ca581e.

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

#ca581e background color

This paragraph has a background color of #ca581e.

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

#ca581e border color

This element has a border color of #ca581e.

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

CSS codes

.text {color:#ca581e;}

.background {background-color:#ca581e;}

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

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

#0e0602
```
#0e0602 rgb(14,6,2)
```
#1f0e05
```
#1f0e05 rgb(31,14,5)
```
#301507
```
#301507 rgb(48,21,7)
```
#411c0a
```
#411c0a rgb(65,28,10)
```
#52240c
```
#52240c rgb(82,36,12)
```
#642b0f
```
#642b0f rgb(100,43,15)
```
#753311
```
#753311 rgb(117,51,17)
```
#863a14
```
#863a14 rgb(134,58,20)
```
#974216
```
#974216 rgb(151,66,22)
```
#a84919
```
#a84919 rgb(168,73,25)
```
#b9511b
```
#b9511b rgb(185,81,27)
```
#ca581e
```
#ca581e rgb(202,88,30)
```
#db5f21
```
#db5f21 rgb(219,95,33)
```

Shade Color Variation

#e06b2f
```
#e06b2f rgb(224,107,47)
```
#e37740
```
#e37740 rgb(227,119,64)
```
#e58351
```
#e58351 rgb(229,131,81)
```
#e88f62
```
#e88f62 rgb(232,143,98)
```
#ea9b73
```
#ea9b73 rgb(234,155,115)
```
#eda885
```
#eda885 rgb(237,168,133)
```
#efb496
```
#efb496 rgb(239,180,150)
```
#f2c0a7
```
#f2c0a7 rgb(242,192,167)
```
#f4ccb8
```
#f4ccb8 rgb(244,204,184)
```
#f7d8c9
```
#f7d8c9 rgb(247,216,201)
```
#f9e5da
```
#f9e5da rgb(249,229,218)
```
#fcf1eb
```
#fcf1eb rgb(252,241,235)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#7a726e
```
#7a726e rgb(122,114,110)
```
#836f65
```
#836f65 rgb(131,111,101)
```
#8c6c5c
```
#8c6c5c rgb(140,108,92)
```
#946954
```
#946954 rgb(148,105,84)
```
#9d674b
```
#9d674b rgb(157,103,75)
```
#a66442
```
#a66442 rgb(166,100,66)
```
#af6139
```
#af6139 rgb(175,97,57)
```
#b85e30
```
#b85e30 rgb(184,94,48)
```
#c15b27
```
#c15b27 rgb(193,91,39)
```
#ca581e
```
#ca581e rgb(202,88,30)
```
#d35515
```
#d35515 rgb(211,85,21)
```
#dc520c
```
#dc520c rgb(220,82,12)
```
#e54f03
```
#e54f03 rgb(229,79,3)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#846e62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8132 Protanopia 1% of men
#a17b1d Deuteranopia 1% of men
#ce5b60 Tritanopia 0.001% of the population

Trichromacy

#a5722a Protanomaly 1% of men, 0.01% of women
#b06e1d Deuteranomaly 6% of men, 0.4% of women
#cd5a48 Tritanomaly 0.01% of the population

#ca581e hex color

#ca581e Color Information

#ca581e Color Conversion

Color Schemes with #ca581e

Alternatives to #ca581e

#ca581e Preview

Shades and Tints of #ca581e

Tones of #ca581e

Color Blindness Simulator