#ca5f31 hex color

In a RGB color space, hex #ca5f31 is composed of 79.2% red, 37.3% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53% magenta, 75.7% yellow and 20.8% black. It has a hue angle of 18 degrees, a saturation of 61% and a lightness of 49.2%. #ca5f31 color hex could be obtained by blending #ffbe62 with #950000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 79
- G 37
- B 19
RGB color chart
- C 0
- M 53
- Y 76
- K 21
CMYK color chart

● #ca5f31 color description : Strong orange.

The hexadecimal color #ca5f31 has RGB values of R:202, G:95, B:49 and CMYK values of C:0, M:0.53, Y:0.76, K:0.21. Its decimal value is 13262641.

Hex triplet	ca5f31	`#ca5f31`
RGB Decimal	202, 95, 49	`rgb(202,95,49)`
RGB Percent	79.2, 37.3, 19.2	`rgb(79.2%,37.3%,19.2%)`
CMYK	0, 53, 76, 21
HSL	18°, 61, 49.2	`hsl(18,61%,49.2%)`
HSV (or HSB)	18°, 75.7, 79.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.912, 39.592, 45.219
XYZ	29.005, 20.966, 5.425
xyY	0.524, 0.378, 20.966
CIE-LCH	52.912, 60.103, 48.796
CIE-LUV	52.912, 85.74, 38.621
Hunter-Lab	45.788, 32.943, 25.027
Binary	11001010, 01011111, 00110001

#ca5f31
```
#ca5f31 rgb(202,95,49)
```
#319cca
```
#319cca rgb(49,156,202)
```

Complementary Color

#ca314f
```
#ca314f rgb(202,49,79)
```
#ca5f31
```
#ca5f31 rgb(202,95,49)
```
#caac31
```
#caac31 rgb(202,172,49)
```

Analogous Color

#3150ca
```
#3150ca rgb(49,80,202)
```
#ca5f31
```
#ca5f31 rgb(202,95,49)
```
#31caac
```
#31caac rgb(49,202,172)
```

Split Complementary Color

#5f31ca
```
#5f31ca rgb(95,49,202)
```
#ca5f31
```
#ca5f31 rgb(202,95,49)
```
#31ca5f
```
#31ca5f rgb(49,202,95)
```

Triadic Color

#ca319c
```
#ca319c rgb(202,49,156)
```
#ca5f31
```
#ca5f31 rgb(202,95,49)
```
#31ca5f
```
#31ca5f rgb(49,202,95)
```
#319cca
```
#319cca rgb(49,156,202)
```

Tetradic Color

#8c4222
```
#8c4222 rgb(140,66,34)
```
#a14c27
```
#a14c27 rgb(161,76,39)
```
#b5552c
```
#b5552c rgb(181,85,44)
```
#ca5f31
```
#ca5f31 rgb(202,95,49)
```
#d16e43
```
#d16e43 rgb(209,110,67)
```
#d67e58
```
#d67e58 rgb(214,126,88)
```
#db8e6c
```
#db8e6c rgb(219,142,108)
```

Monochromatic Color

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

#ca3931
```
#ca3931 rgb(202,57,49)
```
#ca4631
```
#ca4631 rgb(202,70,49)
```
#ca5231
```
#ca5231 rgb(202,82,49)
```
#ca5f31
```
#ca5f31 rgb(202,95,49)
```
#ca6c31
```
#ca6c31 rgb(202,108,49)
```
#ca7931
```
#ca7931 rgb(202,121,49)
```
#ca8531
```
#ca8531 rgb(202,133,49)
```

Similar Colors

Text with hexadecimal color #ca5f31

This text has a font color of #ca5f31.

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

#ca5f31 background color

This paragraph has a background color of #ca5f31.

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

#ca5f31 border color

This element has a border color of #ca5f31.

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

CSS codes

.text {color:#ca5f31;}

.background {background-color:#ca5f31;}

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

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

#0d0603
```
#0d0603 rgb(13,6,3)
```
#1c0d07
```
#1c0d07 rgb(28,13,7)
```
#2c150b
```
#2c150b rgb(44,21,11)
```
#3c1c0f
```
#3c1c0f rgb(60,28,15)
```
#4c2412
```
#4c2412 rgb(76,36,18)
```
#5b2b16
```
#5b2b16 rgb(91,43,22)
```
#6b321a
```
#6b321a rgb(107,50,26)
```
#7b3a1e
```
#7b3a1e rgb(123,58,30)
```
#8b4122
```
#8b4122 rgb(139,65,34)
```
#9b4926
```
#9b4926 rgb(155,73,38)
```
#aa5029
```
#aa5029 rgb(170,80,41)
```
#ba582d
```
#ba582d rgb(186,88,45)
```
#ca5f31
```
#ca5f31 rgb(202,95,49)
```

Shade Color Variation

#d06a3e
```
#d06a3e rgb(208,106,62)
```
#d4764e
```
#d4764e rgb(212,118,78)
```
#d8835e
```
#d8835e rgb(216,131,94)
```
#dc8f6e
```
#dc8f6e rgb(220,143,110)
```
#e09b7d
```
#e09b7d rgb(224,155,125)
```
#e3a78d
```
#e3a78d rgb(227,167,141)
```
#e7b39d
```
#e7b39d rgb(231,179,157)
```
#ebc0ad
```
#ebc0ad rgb(235,192,173)
```
#efccbd
```
#efccbd rgb(239,204,189)
```
#f3d8cc
```
#f3d8cc rgb(243,216,204)
```
#f7e4dc
```
#f7e4dc rgb(247,228,220)
```
#faf0ec
```
#faf0ec rgb(250,240,236)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#867a75
```
#867a75 rgb(134,122,117)
```
#90766b
```
#90766b rgb(144,118,107)
```
#9a7261
```
#9a7261 rgb(154,114,97)
```
#a36e58
```
#a36e58 rgb(163,110,88)
```
#ad6b4e
```
#ad6b4e rgb(173,107,78)
```
#b76744
```
#b76744 rgb(183,103,68)
```
#c0633b
```
#c0633b rgb(192,99,59)
```
#ca5f31
```
#ca5f31 rgb(202,95,49)
```
#d45b27
```
#d45b27 rgb(212,91,39)
```
#dd571e
```
#dd571e rgb(221,87,30)
```
#e75314
```
#e75314 rgb(231,83,20)
```
#f1500a
```
#f1500a rgb(241,80,10)
```
#fa4c01
```
#fa4c01 rgb(250,76,1)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#8a756b Atypical Achromatopsia 0.001% of the population

Dichromacy

#928544 Protanopia 1% of men
#a47e34 Deuteranopia 1% of men
#ce6268 Tritanopia 0.001% of the population

Trichromacy

#a6773d Protanomaly 1% of men, 0.01% of women
#b27333 Deuteranomaly 6% of men, 0.4% of women
#cd6154 Tritanomaly 0.01% of the population

#ca5f31 hex color

#ca5f31 Color Information

#ca5f31 Color Conversion

Color Schemes with #ca5f31

Alternatives to #ca5f31

#ca5f31 Preview

Shades and Tints of #ca5f31

Tones of #ca5f31

Color Blindness Simulator