#ca5f56 hex color

In a RGB color space, hex #ca5f56 is composed of 79.2% red, 37.3% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53% magenta, 57.4% yellow and 20.8% black. It has a hue angle of 4.7 degrees, a saturation of 52.3% and a lightness of 56.5%. #ca5f56 color hex could be obtained by blending #ffbeac with #950000. Closest websafe color is: #cc6666.

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

● #ca5f56 color description : Moderate red.

The hexadecimal color #ca5f56 has RGB values of R:202, G:95, B:86 and CMYK values of C:0, M:0.53, Y:0.57, K:0.21. Its decimal value is 13262678.

Hex triplet	ca5f56	`#ca5f56`
RGB Decimal	202, 95, 86	`rgb(202,95,86)`
RGB Percent	79.2, 37.3, 33.7	`rgb(79.2%,37.3%,33.7%)`
CMYK	0, 53, 57, 21
HSL	4.7°, 52.3, 56.5	`hsl(4.7,52.3%,56.5%)`
HSV (or HSB)	4.7°, 57.4, 79.2
Web Safe	cc6666	`#cc6666`

CIE-LAB	53.401, 41.779, 25.53
XYZ	30.13, 21.416, 11.351
xyY	0.479, 0.34, 21.416
CIE-LCH	53.401, 48.962, 31.428
CIE-LUV	53.401, 79.739, 22.04
Hunter-Lab	46.277, 35.233, 17.852
Binary	11001010, 01011111, 01010110

#ca5f56
```
#ca5f56 rgb(202,95,86)
```
#56c1ca
```
#56c1ca rgb(86,193,202)
```

Complementary Color

#ca5687
```
#ca5687 rgb(202,86,135)
```
#ca5f56
```
#ca5f56 rgb(202,95,86)
```
#ca9956
```
#ca9956 rgb(202,153,86)
```

Analogous Color

#5687ca
```
#5687ca rgb(86,135,202)
```
#ca5f56
```
#ca5f56 rgb(202,95,86)
```
#56ca99
```
#56ca99 rgb(86,202,153)
```

Split Complementary Color

#5f56ca
```
#5f56ca rgb(95,86,202)
```
#ca5f56
```
#ca5f56 rgb(202,95,86)
```
#56ca5f
```
#56ca5f rgb(86,202,95)
```

Triadic Color

#ca56c1
```
#ca56c1 rgb(202,86,193)
```
#ca5f56
```
#ca5f56 rgb(202,95,86)
```
#56ca5f
```
#56ca5f rgb(86,202,95)
```
#56c1ca
```
#56c1ca rgb(86,193,202)
```

Tetradic Color

#a13b32
```
#a13b32 rgb(161,59,50)
```
#b44239
```
#b44239 rgb(180,66,57)
```
#c44d43
```
#c44d43 rgb(196,77,67)
```
#ca5f56
```
#ca5f56 rgb(202,95,86)
```
#d07169
```
#d07169 rgb(208,113,105)
```
#d6847d
```
#d6847d rgb(214,132,125)
```
#dc9690
```
#dc9690 rgb(220,150,144)
```

Monochromatic Color

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

#ca566a
```
#ca566a rgb(202,86,106)
```
#ca5660
```
#ca5660 rgb(202,86,96)
```
#ca5657
```
#ca5657 rgb(202,86,87)
```
#ca5f56
```
#ca5f56 rgb(202,95,86)
```
#ca6956
```
#ca6956 rgb(202,105,86)
```
#ca7256
```
#ca7256 rgb(202,114,86)
```
#ca7c56
```
#ca7c56 rgb(202,124,86)
```

Similar Colors

Text with hexadecimal color #ca5f56

This text has a font color of #ca5f56.

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

#ca5f56 background color

This paragraph has a background color of #ca5f56.

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

#ca5f56 border color

This element has a border color of #ca5f56.

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

CSS codes

.text {color:#ca5f56;}

.background {background-color:#ca5f56;}

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

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

#0a0403
```
#0a0403 rgb(10,4,3)
```
#190908
```
#190908 rgb(25,9,8)
```
#280f0d
```
#280f0d rgb(40,15,13)
```
#371411
```
#371411 rgb(55,20,17)
```
#461a16
```
#461a16 rgb(70,26,22)
```
#551f1b
```
#551f1b rgb(85,31,27)
```
#64251f
```
#64251f rgb(100,37,31)
```
#732a24
```
#732a24 rgb(115,42,36)
```
#823029
```
#823029 rgb(130,48,41)
```
#91352d
```
#91352d rgb(145,53,45)
```
#a03b32
```
#a03b32 rgb(160,59,50)
```
#ae4037
```
#ae4037 rgb(174,64,55)
```
#bd453b
```
#bd453b rgb(189,69,59)
```

Shade Color Variation

#c55147
```
#c55147 rgb(197,81,71)
```
#ca5f56
```
#ca5f56 rgb(202,95,86)
```
#cf6d65
```
#cf6d65 rgb(207,109,101)
```
#d37b74
```
#d37b74 rgb(211,123,116)
```
#d88983
```
#d88983 rgb(216,137,131)
```
#dd9892
```
#dd9892 rgb(221,152,146)
```
#e1a6a1
```
#e1a6a1 rgb(225,166,161)
```
#e6b4b0
```
#e6b4b0 rgb(230,180,176)
```
#ebc2bf
```
#ebc2bf rgb(235,194,191)
```
#efd0cd
```
#efd0cd rgb(239,208,205)
```
#f4dedc
```
#f4dedc rgb(244,222,220)
```
#f9eceb
```
#f9eceb rgb(249,236,235)
```
#fefbfa
```
#fefbfa rgb(254,251,250)
```

Tint Color Variation

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

#978a89
```
#978a89 rgb(151,138,137)
```
#9f8381
```
#9f8381 rgb(159,131,129)
```
#a87c78
```
#a87c78 rgb(168,124,120)
```
#b07570
```
#b07570 rgb(176,117,112)
```
#b96d67
```
#b96d67 rgb(185,109,103)
```
#c1665f
```
#c1665f rgb(193,102,95)
```
#ca5f56
```
#ca5f56 rgb(202,95,86)
```
#d3584d
```
#d3584d rgb(211,88,77)
```
#db5145
```
#db5145 rgb(219,81,69)
```
#e4493c
```
#e4493c rgb(228,73,60)
```
#ec4234
```
#ec4234 rgb(236,66,52)
```
#f53b2b
```
#f53b2b rgb(245,59,43)
```
#fd3423
```
#fd3423 rgb(253,52,35)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#8d7876 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e856a Protanopia 1% of men
#a08058 Deuteranopia 1% of men
#cd656b Tritanopia 0.001% of the population

Trichromacy

#a47763 Protanomaly 1% of men, 0.01% of women
#af7457 Deuteranomaly 6% of men, 0.4% of women
#cc6363 Tritanomaly 0.01% of the population

#ca5f56 hex color

#ca5f56 Color Information

#ca5f56 Color Conversion

Color Schemes with #ca5f56

Alternatives to #ca5f56

#ca5f56 Preview

Shades and Tints of #ca5f56

Tones of #ca5f56

Color Blindness Simulator