#ca5f33 hex color

In a RGB color space, hex #ca5f33 is composed of 79.2% red, 37.3% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53% magenta, 74.8% yellow and 20.8% black. It has a hue angle of 17.5 degrees, a saturation of 59.7% and a lightness of 49.6%. #ca5f33 color hex could be obtained by blending #ffbe66 with #950000. Closest websafe color is: #cc6633.

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

● #ca5f33 color description : Moderate orange.

The hexadecimal color #ca5f33 has RGB values of R:202, G:95, B:51 and CMYK values of C:0, M:0.53, Y:0.75, K:0.21. Its decimal value is 13262643.

Hex triplet	ca5f33	`#ca5f33`
RGB Decimal	202, 95, 51	`rgb(202,95,51)`
RGB Percent	79.2, 37.3, 20	`rgb(79.2%,37.3%,20%)`
CMYK	0, 53, 75, 21
HSL	17.5°, 59.7, 49.6	`hsl(17.5,59.7%,49.6%)`
HSV (or HSB)	17.5°, 74.8, 79.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.931, 39.678, 44.238
XYZ	29.048, 20.983, 5.652
xyY	0.522, 0.377, 20.983
CIE-LCH	52.931, 59.425, 48.111
CIE-LUV	52.931, 85.494, 37.947
Hunter-Lab	45.807, 33.031, 24.749
Binary	11001010, 01011111, 00110011

#ca5f33
```
#ca5f33 rgb(202,95,51)
```
#339eca
```
#339eca rgb(51,158,202)
```

Complementary Color

#ca3353
```
#ca3353 rgb(202,51,83)
```
#ca5f33
```
#ca5f33 rgb(202,95,51)
```
#caab33
```
#caab33 rgb(202,171,51)
```

Analogous Color

#3352ca
```
#3352ca rgb(51,82,202)
```
#ca5f33
```
#ca5f33 rgb(202,95,51)
```
#33caab
```
#33caab rgb(51,202,171)
```

Split Complementary Color

#5f33ca
```
#5f33ca rgb(95,51,202)
```
#ca5f33
```
#ca5f33 rgb(202,95,51)
```
#33ca5f
```
#33ca5f rgb(51,202,95)
```

Triadic Color

#ca339e
```
#ca339e rgb(202,51,158)
```
#ca5f33
```
#ca5f33 rgb(202,95,51)
```
#33ca5f
```
#33ca5f rgb(51,202,95)
```
#339eca
```
#339eca rgb(51,158,202)
```

Tetradic Color

#8d4224
```
#8d4224 rgb(141,66,36)
```
#a14c29
```
#a14c29 rgb(161,76,41)
```
#b6552e
```
#b6552e rgb(182,85,46)
```
#ca5f33
```
#ca5f33 rgb(202,95,51)
```
#d06e46
```
#d06e46 rgb(208,110,70)
```
#d57e5b
```
#d57e5b rgb(213,126,91)
```
#db8e6f
```
#db8e6f rgb(219,142,111)
```

Monochromatic Color

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

#ca3933
```
#ca3933 rgb(202,57,51)
```
#ca4633
```
#ca4633 rgb(202,70,51)
```
#ca5233
```
#ca5233 rgb(202,82,51)
```
#ca5f33
```
#ca5f33 rgb(202,95,51)
```
#ca6c33
```
#ca6c33 rgb(202,108,51)
```
#ca7833
```
#ca7833 rgb(202,120,51)
```
#ca8533
```
#ca8533 rgb(202,133,51)
```

Similar Colors

Text with hexadecimal color #ca5f33

This text has a font color of #ca5f33.

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

#ca5f33 background color

This paragraph has a background color of #ca5f33.

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

#ca5f33 border color

This element has a border color of #ca5f33.

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

CSS codes

.text {color:#ca5f33;}

.background {background-color:#ca5f33;}

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

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

#0e0704
```
#0e0704 rgb(14,7,4)
```
#1e0e08
```
#1e0e08 rgb(30,14,8)
```
#2d150b
```
#2d150b rgb(45,21,11)
```
#3d1d0f
```
#3d1d0f rgb(61,29,15)
```
#4d2413
```
#4d2413 rgb(77,36,19)
```
#5c2b17
```
#5c2b17 rgb(92,43,23)
```
#6c331b
```
#6c331b rgb(108,51,27)
```
#7c3a1f
```
#7c3a1f rgb(124,58,31)
```
#8b4223
```
#8b4223 rgb(139,66,35)
```
#9b4927
```
#9b4927 rgb(155,73,39)
```
#ab502b
```
#ab502b rgb(171,80,43)
```
#ba582f
```
#ba582f rgb(186,88,47)
```
#ca5f33
```
#ca5f33 rgb(202,95,51)
```

Shade Color Variation

#cf6b41
```
#cf6b41 rgb(207,107,65)
```
#d37751
```
#d37751 rgb(211,119,81)
```
#d78361
```
#d78361 rgb(215,131,97)
```
#db9070
```
#db9070 rgb(219,144,112)
```
#df9c80
```
#df9c80 rgb(223,156,128)
```
#e3a890
```
#e3a890 rgb(227,168,144)
```
#e7b49f
```
#e7b49f rgb(231,180,159)
```
#ebc1af
```
#ebc1af rgb(235,193,175)
```
#efcdbf
```
#efcdbf rgb(239,205,191)
```
#f3d9ce
```
#f3d9ce rgb(243,217,206)
```
#f7e5de
```
#f7e5de rgb(247,229,222)
```
#fbf2ee
```
#fbf2ee rgb(251,242,238)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#867b77
```
#867b77 rgb(134,123,119)
```
#90776d
```
#90776d rgb(144,119,109)
```
#997364
```
#997364 rgb(153,115,100)
```
#a36f5a
```
#a36f5a rgb(163,111,90)
```
#ad6b50
```
#ad6b50 rgb(173,107,80)
```
#b76746
```
#b76746 rgb(183,103,70)
```
#c0633d
```
#c0633d rgb(192,99,61)
```
#ca5f33
```
#ca5f33 rgb(202,95,51)
```
#d45b29
```
#d45b29 rgb(212,91,41)
```
#dd5720
```
#dd5720 rgb(221,87,32)
```
#e75316
```
#e75316 rgb(231,83,22)
```
#f14f0c
```
#f14f0c rgb(241,79,12)
```
#fb4b02
```
#fb4b02 rgb(251,75,2)
```

Tone Color Variation

Below, you can see how #ca5f33 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
#8a756c Atypical Achromatopsia 0.001% of the population

Dichromacy

#928546 Protanopia 1% of men
#a47e36 Deuteranopia 1% of men
#ce6268 Tritanopia 0.001% of the population

Trichromacy

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

#ca5f33 hex color

#ca5f33 Color Information

#ca5f33 Color Conversion

Color Schemes with #ca5f33

Alternatives to #ca5f33

#ca5f33 Preview

Shades and Tints of #ca5f33

Tones of #ca5f33

Color Blindness Simulator