#ca686b hex color

In a RGB color space, hex #ca686b is composed of 79.2% red, 40.8% green and 42% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.5% magenta, 47% yellow and 20.8% black. It has a hue angle of 358.2 degrees, a saturation of 48% and a lightness of 60%. #ca686b color hex could be obtained by blending #ffd0d6 with #950000. Closest websafe color is: #cc6666.

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

● #ca686b color description : Slightly desaturated red.

The hexadecimal color #ca686b has RGB values of R:202, G:104, B:107 and CMYK values of C:0, M:0.49, Y:0.47, K:0.21. Its decimal value is 13265003.

Hex triplet	ca686b	`#ca686b`
RGB Decimal	202, 104, 107	`rgb(202,104,107)`
RGB Percent	79.2, 40.8, 42	`rgb(79.2%,40.8%,42%)`
CMYK	0, 49, 47, 21
HSL	358.2°, 48, 60	`hsl(358.2,48%,60%)`
HSV (or HSB)	358.2°, 48.5, 79.2
Web Safe	cc6666	`#cc6666`

CIE-LAB	55.605, 39.054, 16.259
XYZ	31.962, 23.521, 16.766
xyY	0.442, 0.326, 23.521
CIE-LCH	55.605, 42.304, 22.604
CIE-LUV	55.605, 69.402, 13.172
Hunter-Lab	48.499, 32.763, 13.453
Binary	11001010, 01101000, 01101011

#ca686b
```
#ca686b rgb(202,104,107)
```
#68cac7
```
#68cac7 rgb(104,202,199)
```

Complementary Color

#ca689c
```
#ca689c rgb(202,104,156)
```
#ca686b
```
#ca686b rgb(202,104,107)
```
#ca9668
```
#ca9668 rgb(202,150,104)
```

Analogous Color

#689cca
```
#689cca rgb(104,156,202)
```
#ca686b
```
#ca686b rgb(202,104,107)
```
#68ca96
```
#68ca96 rgb(104,202,150)
```

Split Complementary Color

#686bca
```
#686bca rgb(104,107,202)
```
#ca686b
```
#ca686b rgb(202,104,107)
```
#6bca68
```
#6bca68 rgb(107,202,104)
```

Triadic Color

#c768ca
```
#c768ca rgb(199,104,202)
```
#ca686b
```
#ca686b rgb(202,104,107)
```
#6bca68
```
#6bca68 rgb(107,202,104)
```
#68cac7
```
#68cac7 rgb(104,202,199)
```

Tetradic Color

#aa3c3f
```
#aa3c3f rgb(170,60,63)
```
#bd4246
```
#bd4246 rgb(189,66,70)
```
#c35559
```
#c35559 rgb(195,85,89)
```
#ca686b
```
#ca686b rgb(202,104,107)
```
#d17b7e
```
#d17b7e rgb(209,123,126)
```
#d78e90
```
#d78e90 rgb(215,142,144)
```
#dea1a3
```
#dea1a3 rgb(222,161,163)
```

Monochromatic Color

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

#ca6884
```
#ca6884 rgb(202,104,132)
```
#ca687b
```
#ca687b rgb(202,104,123)
```
#ca6873
```
#ca6873 rgb(202,104,115)
```
#ca686b
```
#ca686b rgb(202,104,107)
```
#ca6d68
```
#ca6d68 rgb(202,109,104)
```
#ca7568
```
#ca7568 rgb(202,117,104)
```
#ca7e68
```
#ca7e68 rgb(202,126,104)
```

Similar Colors

Text with hexadecimal color #ca686b

This text has a font color of #ca686b.

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

#ca686b background color

This paragraph has a background color of #ca686b.

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

#ca686b border color

This element has a border color of #ca686b.

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

CSS codes

.text {color:#ca686b;}

.background {background-color:#ca686b;}

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

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)
```
#170809
```
#170809 rgb(23,8,9)
```
#260d0e
```
#260d0e rgb(38,13,14)
```
#341213
```
#341213 rgb(52,18,19)
```
#431719
```
#431719 rgb(67,23,25)
```
#511d1e
```
#511d1e rgb(81,29,30)
```
#602224
```
#602224 rgb(96,34,36)
```
#6e2729
```
#6e2729 rgb(110,39,41)
```
#7d2c2e
```
#7d2c2e rgb(125,44,46)
```
#8b3134
```
#8b3134 rgb(139,49,52)
```
#9a3639
```
#9a3639 rgb(154,54,57)
```
#a83b3e
```
#a83b3e rgb(168,59,62)
```
#b74044
```
#b74044 rgb(183,64,68)
```

Shade Color Variation

#c04b4f
```
#c04b4f rgb(192,75,79)
```
#c5595d
```
#c5595d rgb(197,89,93)
```
#ca686b
```
#ca686b rgb(202,104,107)
```
#cf7779
```
#cf7779 rgb(207,119,121)
```
#d48587
```
#d48587 rgb(212,133,135)
```
#d99496
```
#d99496 rgb(217,148,150)
```
#dea2a4
```
#dea2a4 rgb(222,162,164)
```
#e3b1b2
```
#e3b1b2 rgb(227,177,178)
```
#e9bfc0
```
#e9bfc0 rgb(233,191,192)
```
#eececf
```
#eececf rgb(238,206,207)
```
#f3dcdd
```
#f3dcdd rgb(243,220,221)
```
#f8ebeb
```
#f8ebeb rgb(248,235,235)
```
#fdf9f9
```
#fdf9f9 rgb(253,249,249)
```

Tint Color Variation

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

#9b9797
```
#9b9797 rgb(155,151,151)
```
#a38f90
```
#a38f90 rgb(163,143,144)
```
#ab8788
```
#ab8788 rgb(171,135,136)
```
#b28081
```
#b28081 rgb(178,128,129)
```
#ba787a
```
#ba787a rgb(186,120,122)
```
#c27072
```
#c27072 rgb(194,112,114)
```
#ca686b
```
#ca686b rgb(202,104,107)
```
#d26064
```
#d26064 rgb(210,96,100)
```
#da585c
```
#da585c rgb(218,88,92)
```
#e25055
```
#e25055 rgb(226,80,85)
```
#e9494e
```
#e9494e rgb(233,73,78)
```
#f14146
```
#f14146 rgb(241,65,70)
```
#f9393f
```
#f9393f rgb(249,57,63)
```

Tone Color Variation

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

#908b7e Protanopia 1% of men
#a2866d Deuteranopia 1% of men
#cd6f76 Tritanopia 0.001% of the population

Trichromacy

#a57e77 Protanomaly 1% of men, 0.01% of women
#b17b6c Deuteranomaly 6% of men, 0.4% of women
#cb6c72 Tritanomaly 0.01% of the population

#ca686b hex color

#ca686b Color Information

#ca686b Color Conversion

Color Schemes with #ca686b

Alternatives to #ca686b

#ca686b Preview

Shades and Tints of #ca686b

Tones of #ca686b

Color Blindness Simulator