#ca5f54 hex color

In a RGB color space, hex #ca5f54 is composed of 79.2% red, 37.3% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53% magenta, 58.4% yellow and 20.8% black. It has a hue angle of 5.6 degrees, a saturation of 52.7% and a lightness of 56.1%. #ca5f54 color hex could be obtained by blending #ffbea8 with #950000. Closest websafe color is: #cc6666.

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

● #ca5f54 color description : Moderate red.

The hexadecimal color #ca5f54 has RGB values of R:202, G:95, B:84 and CMYK values of C:0, M:0.53, Y:0.58, K:0.21. Its decimal value is 13262676.

Hex triplet	ca5f54	`#ca5f54`
RGB Decimal	202, 95, 84	`rgb(202,95,84)`
RGB Percent	79.2, 37.3, 32.9	`rgb(79.2%,37.3%,32.9%)`
CMYK	0, 53, 58, 21
HSL	5.6°, 52.7, 56.1	`hsl(5.6,52.7%,56.1%)`
HSV (or HSB)	5.6°, 58.4, 79.2
Web Safe	cc6666	`#cc6666`

CIE-LAB	53.367, 41.628, 26.642
XYZ	30.05, 21.384, 10.932
xyY	0.482, 0.343, 21.384
CIE-LCH	53.367, 49.423, 32.62
CIE-LUV	53.367, 80.137, 23.147
Hunter-Lab	46.243, 35.072, 18.353
Binary	11001010, 01011111, 01010100

#ca5f54
```
#ca5f54 rgb(202,95,84)
```
#54bfca
```
#54bfca rgb(84,191,202)
```

Complementary Color

#ca5484
```
#ca5484 rgb(202,84,132)
```
#ca5f54
```
#ca5f54 rgb(202,95,84)
```
#ca9a54
```
#ca9a54 rgb(202,154,84)
```

Analogous Color

#5484ca
```
#5484ca rgb(84,132,202)
```
#ca5f54
```
#ca5f54 rgb(202,95,84)
```
#54ca9a
```
#54ca9a rgb(84,202,154)
```

Split Complementary Color

#5f54ca
```
#5f54ca rgb(95,84,202)
```
#ca5f54
```
#ca5f54 rgb(202,95,84)
```
#54ca5f
```
#54ca5f rgb(84,202,95)
```

Triadic Color

#ca54bf
```
#ca54bf rgb(202,84,191)
```
#ca5f54
```
#ca5f54 rgb(202,95,84)
```
#54ca5f
```
#54ca5f rgb(84,202,95)
```
#54bfca
```
#54bfca rgb(84,191,202)
```

Tetradic Color

#a03c32
```
#a03c32 rgb(160,60,50)
```
#b34338
```
#b34338 rgb(179,67,56)
```
#c44d41
```
#c44d41 rgb(196,77,65)
```
#ca5f54
```
#ca5f54 rgb(202,95,84)
```
#d07167
```
#d07167 rgb(208,113,103)
```
#d6837b
```
#d6837b rgb(214,131,123)
```
#dc968e
```
#dc968e rgb(220,150,142)
```

Monochromatic Color

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

#ca5467
```
#ca5467 rgb(202,84,103)
```
#ca545d
```
#ca545d rgb(202,84,93)
```
#ca5554
```
#ca5554 rgb(202,85,84)
```
#ca5f54
```
#ca5f54 rgb(202,95,84)
```
#ca6954
```
#ca6954 rgb(202,105,84)
```
#ca7354
```
#ca7354 rgb(202,115,84)
```
#ca7d54
```
#ca7d54 rgb(202,125,84)
```

Similar Colors

Text with hexadecimal color #ca5f54

This text has a font color of #ca5f54.

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

#ca5f54 background color

This paragraph has a background color of #ca5f54.

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

#ca5f54 border color

This element has a border color of #ca5f54.

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

CSS codes

.text {color:#ca5f54;}

.background {background-color:#ca5f54;}

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

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, #090303 is the darkest color, while #fdf9f9 is the lightest one.

#090303
```
#090303 rgb(9,3,3)
```
#180907
```
#180907 rgb(24,9,7)
```
#270e0c
```
#270e0c rgb(39,14,12)
```
#361411
```
#361411 rgb(54,20,17)
```
#451a15
```
#451a15 rgb(69,26,21)
```
#541f1a
```
#541f1a rgb(84,31,26)
```
#63251f
```
#63251f rgb(99,37,31)
```
#722a23
```
#722a23 rgb(114,42,35)
```
#803028
```
#803028 rgb(128,48,40)
```
#8f362c
```
#8f362c rgb(143,54,44)
```
#9e3b31
```
#9e3b31 rgb(158,59,49)
```
#ad4136
```
#ad4136 rgb(173,65,54)
```
#bc473a
```
#bc473a rgb(188,71,58)
```

Shade Color Variation

#c55145
```
#c55145 rgb(197,81,69)
```
#ca5f54
```
#ca5f54 rgb(202,95,84)
```
#cf6d63
```
#cf6d63 rgb(207,109,99)
```
#d37b72
```
#d37b72 rgb(211,123,114)
```
#d88981
```
#d88981 rgb(216,137,129)
```
#dd9790
```
#dd9790 rgb(221,151,144)
```
#e1a59f
```
#e1a59f rgb(225,165,159)
```
#e6b3ae
```
#e6b3ae rgb(230,179,174)
```
#eac1bd
```
#eac1bd rgb(234,193,189)
```
#efcfcc
```
#efcfcc rgb(239,207,204)
```
#f4dddb
```
#f4dddb rgb(244,221,219)
```
#f8ebea
```
#f8ebea rgb(248,235,234)
```
#fdf9f9
```
#fdf9f9 rgb(253,249,249)
```

Tint Color Variation

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

#968988
```
#968988 rgb(150,137,136)
```
#9f827f
```
#9f827f rgb(159,130,127)
```
#a87b76
```
#a87b76 rgb(168,123,118)
```
#b0746e
```
#b0746e rgb(176,116,110)
```
#b96d65
```
#b96d65 rgb(185,109,101)
```
#c1665d
```
#c1665d rgb(193,102,93)
```
#ca5f54
```
#ca5f54 rgb(202,95,84)
```
#d3584b
```
#d3584b rgb(211,88,75)
```
#db5143
```
#db5143 rgb(219,81,67)
```
#e44a3a
```
#e44a3a rgb(228,74,58)
```
#ec4332
```
#ec4332 rgb(236,67,50)
```
#f53c29
```
#f53c29 rgb(245,60,41)
```
#fe3520
```
#fe3520 rgb(254,53,32)
```

Tone Color Variation

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

#8e8568 Protanopia 1% of men
#a08056 Deuteranopia 1% of men
#cd656b Tritanopia 0.001% of the population

Trichromacy

#a47761 Protanomaly 1% of men, 0.01% of women
#af7455 Deuteranomaly 6% of men, 0.4% of women
#cc6262 Tritanomaly 0.01% of the population

#ca5f54 hex color

#ca5f54 Color Information

#ca5f54 Color Conversion

Color Schemes with #ca5f54

Alternatives to #ca5f54

#ca5f54 Preview

Shades and Tints of #ca5f54

Tones of #ca5f54

Color Blindness Simulator