#cb686c hex color

In a RGB color space, hex #cb686c is composed of 79.6% red, 40.8% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.8% magenta, 46.8% yellow and 20.4% black. It has a hue angle of 357.6 degrees, a saturation of 48.8% and a lightness of 60.2%. #cb686c color hex could be obtained by blending #ffd0d8 with #970000. Closest websafe color is: #cc6666.

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

● #cb686c color description : Slightly desaturated red.

The hexadecimal color #cb686c has RGB values of R:203, G:104, B:108 and CMYK values of C:0, M:0.49, Y:0.47, K:0.2. Its decimal value is 13330540.

Hex triplet	cb686c	`#cb686c`
RGB Decimal	203, 104, 108	`rgb(203,104,108)`
RGB Percent	79.6, 40.8, 42.4	`rgb(79.6%,40.8%,42.4%)`
CMYK	0, 49, 47, 20
HSL	357.6°, 48.8, 60.2	`hsl(357.6,48.8%,60.2%)`
HSV (or HSB)	357.6°, 48.8, 79.6
Web Safe	cc6666	`#cc6666`

CIE-LAB	55.768, 39.523, 15.923
XYZ	32.286, 23.682, 17.057
xyY	0.442, 0.324, 23.682
CIE-LCH	55.768, 42.61, 21.944
CIE-LUV	55.768, 69.994, 12.7
Hunter-Lab	48.665, 33.262, 13.283
Binary	11001011, 01101000, 01101100

#cb686c
```
#cb686c rgb(203,104,108)
```
#68cbc7
```
#68cbc7 rgb(104,203,199)
```

Complementary Color

#cb689e
```
#cb689e rgb(203,104,158)
```
#cb686c
```
#cb686c rgb(203,104,108)
```
#cb9668
```
#cb9668 rgb(203,150,104)
```

Analogous Color

#689ecb
```
#689ecb rgb(104,158,203)
```
#cb686c
```
#cb686c rgb(203,104,108)
```
#68cb96
```
#68cb96 rgb(104,203,150)
```

Split Complementary Color

#686ccb
```
#686ccb rgb(104,108,203)
```
#cb686c
```
#cb686c rgb(203,104,108)
```
#6ccb68
```
#6ccb68 rgb(108,203,104)
```

Triadic Color

#c768cb
```
#c768cb rgb(199,104,203)
```
#cb686c
```
#cb686c rgb(203,104,108)
```
#6ccb68
```
#6ccb68 rgb(108,203,104)
```
#68cbc7
```
#68cbc7 rgb(104,203,199)
```

Tetradic Color

#ab3b40
```
#ab3b40 rgb(171,59,64)
```
#be4247
```
#be4247 rgb(190,66,71)
```
#c4555a
```
#c4555a rgb(196,85,90)
```
#cb686c
```
#cb686c rgb(203,104,108)
```
#d27b7e
```
#d27b7e rgb(210,123,126)
```
#d88e91
```
#d88e91 rgb(216,142,145)
```
#dfa1a3
```
#dfa1a3 rgb(223,161,163)
```

Monochromatic Color

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

#cb6885
```
#cb6885 rgb(203,104,133)
```
#cb687d
```
#cb687d rgb(203,104,125)
```
#cb6874
```
#cb6874 rgb(203,104,116)
```
#cb686c
```
#cb686c rgb(203,104,108)
```
#cb6c68
```
#cb6c68 rgb(203,108,104)
```
#cb7568
```
#cb7568 rgb(203,117,104)
```
#cb7d68
```
#cb7d68 rgb(203,125,104)
```

Similar Colors

Text with hexadecimal color #cb686c

This text has a font color of #cb686c.

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

#cb686c background color

This paragraph has a background color of #cb686c.

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

#cb686c border color

This element has a border color of #cb686c.

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

CSS codes

.text {color:#cb686c;}

.background {background-color:#cb686c;}

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

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)
```
#270d0e
```
#270d0e rgb(39,13,14)
```
#351214
```
#351214 rgb(53,18,20)
```
#441719
```
#441719 rgb(68,23,25)
```
#521c1f
```
#521c1f rgb(82,28,31)
```
#612124
```
#612124 rgb(97,33,36)
```
#702629
```
#702629 rgb(112,38,41)
```
#7e2b2f
```
#7e2b2f rgb(126,43,47)
```
#8d3034
```
#8d3034 rgb(141,48,52)
```
#9b363a
```
#9b363a rgb(155,54,58)
```
#aa3b3f
```
#aa3b3f rgb(170,59,63)
```
#b94044
```
#b94044 rgb(185,64,68)
```

Shade Color Variation

#c14b50
```
#c14b50 rgb(193,75,80)
```
#c6595e
```
#c6595e rgb(198,89,94)
```
#cb686c
```
#cb686c rgb(203,104,108)
```
#d0777a
```
#d0777a rgb(208,119,122)
```
#d58588
```
#d58588 rgb(213,133,136)
```
#da9497
```
#da9497 rgb(218,148,151)
```
#dfa2a5
```
#dfa2a5 rgb(223,162,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, #9c9797 is the less saturated color, while #fa3941 is the most saturated one.

#9c9797
```
#9c9797 rgb(156,151,151)
```
#a48f90
```
#a48f90 rgb(164,143,144)
```
#ac8789
```
#ac8789 rgb(172,135,137)
```
#b47f82
```
#b47f82 rgb(180,127,130)
```
#bb787a
```
#bb787a rgb(187,120,122)
```
#c37073
```
#c37073 rgb(195,112,115)
```
#cb686c
```
#cb686c rgb(203,104,108)
```
#d36065
```
#d36065 rgb(211,96,101)
```
#db585e
```
#db585e rgb(219,88,94)
```
#e25156
```
#e25156 rgb(226,81,86)
```
#ea494f
```
#ea494f rgb(234,73,79)
```
#f24148
```
#f24148 rgb(242,65,72)
```
#fa3941
```
#fa3941 rgb(250,57,65)
```

Tone Color Variation

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

#918b80 Protanopia 1% of men
#a3866d Deuteranopia 1% of men
#cd6f76 Tritanopia 0.001% of the population

Trichromacy

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

#cb686c hex color

#cb686c Color Information

#cb686c Color Conversion

Color Schemes with #cb686c

Alternatives to #cb686c

#cb686c Preview

Shades and Tints of #cb686c

Tones of #cb686c

Color Blindness Simulator