#ca696c hex color

In a RGB color space, hex #ca696c is composed of 79.2% red, 41.2% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48% magenta, 46.5% yellow and 20.8% black. It has a hue angle of 358.1 degrees, a saturation of 47.8% and a lightness of 60.2%. #ca696c color hex could be obtained by blending #ffd2d8 with #950000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 79
- G 41
- B 42
RGB color chart
- C 0
- M 48
- Y 47
- K 21
CMYK color chart

● #ca696c color description : Slightly desaturated red.

The hexadecimal color #ca696c has RGB values of R:202, G:105, B:108 and CMYK values of C:0, M:0.48, Y:0.47, K:0.21. Its decimal value is 13265260.

Hex triplet	ca696c	`#ca696c`
RGB Decimal	202, 105, 108	`rgb(202,105,108)`
RGB Percent	79.2, 41.2, 42.4	`rgb(79.2%,41.2%,42.4%)`
CMYK	0, 48, 47, 21
HSL	358.1°, 47.8, 60.2	`hsl(358.1,47.8%,60.2%)`
HSV (or HSB)	358.1°, 48, 79.2
Web Safe	cc6666	`#cc6666`

CIE-LAB	55.831, 38.637, 15.988
XYZ	32.116, 23.745, 17.078
xyY	0.44, 0.326, 23.745
CIE-LCH	55.831, 41.814, 22.479
CIE-LUV	55.831, 68.545, 12.978
Hunter-Lab	48.729, 32.37, 13.33
Binary	11001010, 01101001, 01101100

#ca696c
```
#ca696c rgb(202,105,108)
```
#69cac7
```
#69cac7 rgb(105,202,199)
```

Complementary Color

#ca699d
```
#ca699d rgb(202,105,157)
```
#ca696c
```
#ca696c rgb(202,105,108)
```
#ca9769
```
#ca9769 rgb(202,151,105)
```

Analogous Color

#699dca
```
#699dca rgb(105,157,202)
```
#ca696c
```
#ca696c rgb(202,105,108)
```
#69ca97
```
#69ca97 rgb(105,202,151)
```

Split Complementary Color

#696cca
```
#696cca rgb(105,108,202)
```
#ca696c
```
#ca696c rgb(202,105,108)
```
#6cca69
```
#6cca69 rgb(108,202,105)
```

Triadic Color

#c769ca
```
#c769ca rgb(199,105,202)
```
#ca696c
```
#ca696c rgb(202,105,108)
```
#6cca69
```
#6cca69 rgb(108,202,105)
```
#69cac7
```
#69cac7 rgb(105,202,199)
```

Tetradic Color

#aa3c40
```
#aa3c40 rgb(170,60,64)
```
#bd4347
```
#bd4347 rgb(189,67,71)
```
#c3565a
```
#c3565a rgb(195,86,90)
```
#ca696c
```
#ca696c rgb(202,105,108)
```
#d17c7e
```
#d17c7e rgb(209,124,126)
```
#d78f91
```
#d78f91 rgb(215,143,145)
```
#dea2a3
```
#dea2a3 rgb(222,162,163)
```

Monochromatic Color

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

#ca6984
```
#ca6984 rgb(202,105,132)
```
#ca697c
```
#ca697c rgb(202,105,124)
```
#ca6974
```
#ca6974 rgb(202,105,116)
```
#ca696c
```
#ca696c rgb(202,105,108)
```
#ca6e69
```
#ca6e69 rgb(202,110,105)
```
#ca7669
```
#ca7669 rgb(202,118,105)
```
#ca7e69
```
#ca7e69 rgb(202,126,105)
```

Similar Colors

Text with hexadecimal color #ca696c

This text has a font color of #ca696c.

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

#ca696c background color

This paragraph has a background color of #ca696c.

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

#ca696c border color

This element has a border color of #ca696c.

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

CSS codes

.text {color:#ca696c;}

.background {background-color:#ca696c;}

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

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

#090304
```
#090304 rgb(9,3,4)
```
#180809
```
#180809 rgb(24,8,9)
```
#260e0e
```
#260e0e rgb(38,14,14)
```
#351314
```
#351314 rgb(53,19,20)
```
#431819
```
#431819 rgb(67,24,25)
```
#521d1f
```
#521d1f rgb(82,29,31)
```
#602224
```
#602224 rgb(96,34,36)
```
#6f2729
```
#6f2729 rgb(111,39,41)
```
#7d2c2f
```
#7d2c2f rgb(125,44,47)
```
#8c3134
```
#8c3134 rgb(140,49,52)
```
#9a373a
```
#9a373a rgb(154,55,58)
```
#a93c3f
```
#a93c3f rgb(169,60,63)
```
#b74144
```
#b74144 rgb(183,65,68)
```

Shade Color Variation

#c04c50
```
#c04c50 rgb(192,76,80)
```
#c55b5e
```
#c55b5e rgb(197,91,94)
```
#ca696c
```
#ca696c rgb(202,105,108)
```
#cf777a
```
#cf777a rgb(207,119,122)
```
#d48688
```
#d48688 rgb(212,134,136)
```
#d99497
```
#d99497 rgb(217,148,151)
```
#dea3a5
```
#dea3a5 rgb(222,163,165)
```
#e4b1b3
```
#e4b1b3 rgb(228,177,179)
```
#e9c0c1
```
#e9c0c1 rgb(233,192,193)
```
#eececf
```
#eececf rgb(238,206,207)
```
#f3ddde
```
#f3ddde rgb(243,221,222)
```
#f8ebec
```
#f8ebec rgb(248,235,236)
```
#fdfafa
```
#fdfafa rgb(253,250,250)
```

Tint Color Variation

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

#9b9898
```
#9b9898 rgb(155,152,152)
```
#a39091
```
#a39091 rgb(163,144,145)
```
#ab8889
```
#ab8889 rgb(171,136,137)
```
#b38082
```
#b38082 rgb(179,128,130)
```
#ba797b
```
#ba797b rgb(186,121,123)
```
#c27173
```
#c27173 rgb(194,113,115)
```
#ca696c
```
#ca696c rgb(202,105,108)
```
#d26165
```
#d26165 rgb(210,97,101)
```
#da595d
```
#da595d rgb(218,89,93)
```
#e15256
```
#e15256 rgb(225,82,86)
```
#e94a4f
```
#e94a4f rgb(233,74,79)
```
#f14247
```
#f14247 rgb(241,66,71)
```
#f93a40
```
#f93a40 rgb(249,58,64)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#948081 Atypical Achromatopsia 0.001% of the population

Dichromacy

#918b7f Protanopia 1% of men
#a3866e Deuteranopia 1% of men
#cd7077 Tritanopia 0.001% of the population

Trichromacy

#a67f78 Protanomaly 1% of men, 0.01% of women
#b17b6d Deuteranomaly 6% of men, 0.4% of women
#cb6d73 Tritanomaly 0.01% of the population

#ca696c hex color

#ca696c Color Information

#ca696c Color Conversion

Color Schemes with #ca696c

Alternatives to #ca696c

#ca696c Preview

Shades and Tints of #ca696c

Tones of #ca696c

Color Blindness Simulator