#ca586f hex color

In a RGB color space, hex #ca586f is composed of 79.2% red, 34.5% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.4% magenta, 45% yellow and 20.8% black. It has a hue angle of 347.9 degrees, a saturation of 51.8% and a lightness of 56.9%. #ca586f color hex could be obtained by blending #ffb0de with #950000. Closest websafe color is: #cc6666.

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

● #ca586f color description : Moderate red.

The hexadecimal color #ca586f has RGB values of R:202, G:88, B:111 and CMYK values of C:0, M:0.56, Y:0.45, K:0.21. Its decimal value is 13260911.

Hex triplet	ca586f	`#ca586f`
RGB Decimal	202, 88, 111	`rgb(202,88,111)`
RGB Percent	79.2, 34.5, 43.5	`rgb(79.2%,34.5%,43.5%)`
CMYK	0, 56, 45, 21
HSL	347.9°, 51.8, 56.9	`hsl(347.9,51.8%,56.9%)`
HSV (or HSB)	347.9°, 56.4, 79.2
Web Safe	cc6666	`#cc6666`

CIE-LAB	52.605, 47.413, 9.723
XYZ	30.717, 20.686, 17.413
xyY	0.446, 0.301, 20.686
CIE-LCH	52.605, 48.4, 11.59
CIE-LUV	52.605, 78.369, 3.483
Hunter-Lab	45.482, 40.957, 9.138
Binary	11001010, 01011000, 01101111

#ca586f
```
#ca586f rgb(202,88,111)
```
#58cab3
```
#58cab3 rgb(88,202,179)
```

Complementary Color

#ca58a8
```
#ca58a8 rgb(202,88,168)
```
#ca586f
```
#ca586f rgb(202,88,111)
```
#ca7a58
```
#ca7a58 rgb(202,122,88)
```

Analogous Color

#58a8ca
```
#58a8ca rgb(88,168,202)
```
#ca586f
```
#ca586f rgb(202,88,111)
```
#58ca7a
```
#58ca7a rgb(88,202,122)
```

Split Complementary Color

#586fca
```
#586fca rgb(88,111,202)
```
#ca586f
```
#ca586f rgb(202,88,111)
```
#6fca58
```
#6fca58 rgb(111,202,88)
```

Triadic Color

#b358ca
```
#b358ca rgb(179,88,202)
```
#ca586f
```
#ca586f rgb(202,88,111)
```
#6fca58
```
#6fca58 rgb(111,202,88)
```
#58cab3
```
#58cab3 rgb(88,202,179)
```

Tetradic Color

#a2334a
```
#a2334a rgb(162,51,74)
```
#b53a53
```
#b53a53 rgb(181,58,83)
```
#c4455e
```
#c4455e rgb(196,69,94)
```
#ca586f
```
#ca586f rgb(202,88,111)
```
#d06b80
```
#d06b80 rgb(208,107,128)
```
#d67f90
```
#d67f90 rgb(214,127,144)
```
#dc92a1
```
#dc92a1 rgb(220,146,161)
```

Monochromatic Color

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

#ca588c
```
#ca588c rgb(202,88,140)
```
#ca5882
```
#ca5882 rgb(202,88,130)
```
#ca5879
```
#ca5879 rgb(202,88,121)
```
#ca586f
```
#ca586f rgb(202,88,111)
```
#ca5866
```
#ca5866 rgb(202,88,102)
```
#ca585c
```
#ca585c rgb(202,88,92)
```
#ca5e58
```
#ca5e58 rgb(202,94,88)
```

Similar Colors

Text with hexadecimal color #ca586f

This text has a font color of #ca586f.

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

#ca586f background color

This paragraph has a background color of #ca586f.

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

#ca586f border color

This element has a border color of #ca586f.

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

CSS codes

.text {color:#ca586f;}

.background {background-color:#ca586f;}

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

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

#0c0405
```
#0c0405 rgb(12,4,5)
```
#1b080c
```
#1b080c rgb(27,8,12)
```
#290d13
```
#290d13 rgb(41,13,19)
```
#38121a
```
#38121a rgb(56,18,26)
```
#471720
```
#471720 rgb(71,23,32)
```
#561b27
```
#561b27 rgb(86,27,39)
```
#65202e
```
#65202e rgb(101,32,46)
```
#742535
```
#742535 rgb(116,37,53)
```
#832a3c
```
#832a3c rgb(131,42,60)
```
#922e42
```
#922e42 rgb(146,46,66)
```
#a13349
```
#a13349 rgb(161,51,73)
```
#af3850
```
#af3850 rgb(175,56,80)
```
#be3c57
```
#be3c57 rgb(190,60,87)
```

Shade Color Variation

#c54962
```
#c54962 rgb(197,73,98)
```
#ca586f
```
#ca586f rgb(202,88,111)
```
#cf677c
```
#cf677c rgb(207,103,124)
```
#d37689
```
#d37689 rgb(211,118,137)
```
#d88596
```
#d88596 rgb(216,133,150)
```
#dd94a2
```
#dd94a2 rgb(221,148,162)
```
#e2a2af
```
#e2a2af rgb(226,162,175)
```
#e6b1bc
```
#e6b1bc rgb(230,177,188)
```
#ebc0c9
```
#ebc0c9 rgb(235,192,201)
```
#f0cfd6
```
#f0cfd6 rgb(240,207,214)
```
#f5dee3
```
#f5dee3 rgb(245,222,227)
```
#f9edef
```
#f9edef rgb(249,237,239)
```
#fefcfc
```
#fefcfc rgb(254,252,252)
```

Tint Color Variation

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

#978b8d
```
#978b8d rgb(151,139,141)
```
#a08288
```
#a08288 rgb(160,130,136)
```
#a87a83
```
#a87a83 rgb(168,122,131)
```
#b1717e
```
#b1717e rgb(177,113,126)
```
#b96979
```
#b96979 rgb(185,105,121)
```
#c26074
```
#c26074 rgb(194,96,116)
```
#ca586f
```
#ca586f rgb(202,88,111)
```
#d2506a
```
#d2506a rgb(210,80,106)
```
#db4765
```
#db4765 rgb(219,71,101)
```
#e33f60
```
#e33f60 rgb(227,63,96)
```
#ec365b
```
#ec365b rgb(236,54,91)
```
#f42e56
```
#f42e56 rgb(244,46,86)
```
#fd2551
```
#fd2551 rgb(253,37,81)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#8c767a Atypical Achromatopsia 0.001% of the population

Dichromacy

#858387 Protanopia 1% of men
#987f6f Deuteranopia 1% of men
#cb6369 Tritanopia 0.001% of the population

Trichromacy

#9e737e Protanomaly 1% of men, 0.01% of women
#aa716f Deuteranomaly 6% of men, 0.4% of women
#cb5f6b Tritanomaly 0.01% of the population

#ca586f hex color

#ca586f Color Information

#ca586f Color Conversion

Color Schemes with #ca586f

Alternatives to #ca586f

#ca586f Preview

Shades and Tints of #ca586f

Tones of #ca586f

Color Blindness Simulator