#cb686f hex color

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

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

● #cb686f color description : Slightly desaturated red.

The hexadecimal color #cb686f has RGB values of R:203, G:104, B:111 and CMYK values of C:0, M:0.49, Y:0.45, K:0.2. Its decimal value is 13330543.

Hex triplet	cb686f	`#cb686f`
RGB Decimal	203, 104, 111	`rgb(203,104,111)`
RGB Percent	79.6, 40.8, 43.5	`rgb(79.6%,40.8%,43.5%)`
CMYK	0, 49, 45, 20
HSL	355.8°, 48.8, 60.2	`hsl(355.8,48.8%,60.2%)`
HSV (or HSB)	355.8°, 48.8, 79.6
Web Safe	cc6666	`#cc6666`

CIE-LAB	55.834, 39.825, 14.263
XYZ	32.449, 23.747, 17.913
xyY	0.438, 0.32, 23.747
CIE-LCH	55.834, 42.302, 19.705
CIE-LUV	55.834, 69.354, 10.722
Hunter-Lab	48.731, 33.578, 12.318
Binary	11001011, 01101000, 01101111

#cb686f
```
#cb686f rgb(203,104,111)
```
#68cbc4
```
#68cbc4 rgb(104,203,196)
```

Complementary Color

#cb68a1
```
#cb68a1 rgb(203,104,161)
```
#cb686f
```
#cb686f rgb(203,104,111)
```
#cb9368
```
#cb9368 rgb(203,147,104)
```

Analogous Color

#68a1cb
```
#68a1cb rgb(104,161,203)
```
#cb686f
```
#cb686f rgb(203,104,111)
```
#68cb93
```
#68cb93 rgb(104,203,147)
```

Split Complementary Color

#686fcb
```
#686fcb rgb(104,111,203)
```
#cb686f
```
#cb686f rgb(203,104,111)
```
#6fcb68
```
#6fcb68 rgb(111,203,104)
```

Triadic Color

#c468cb
```
#c468cb rgb(196,104,203)
```
#cb686f
```
#cb686f rgb(203,104,111)
```
#6fcb68
```
#6fcb68 rgb(111,203,104)
```
#68cbc4
```
#68cbc4 rgb(104,203,196)
```

Tetradic Color

#ab3b43
```
#ab3b43 rgb(171,59,67)
```
#be424b
```
#be424b rgb(190,66,75)
```
#c4555d
```
#c4555d rgb(196,85,93)
```
#cb686f
```
#cb686f rgb(203,104,111)
```
#d27b81
```
#d27b81 rgb(210,123,129)
```
#d88e93
```
#d88e93 rgb(216,142,147)
```
#dfa1a5
```
#dfa1a5 rgb(223,161,165)
```

Monochromatic Color

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

#cb6888
```
#cb6888 rgb(203,104,136)
```
#cb6880
```
#cb6880 rgb(203,104,128)
```
#cb6877
```
#cb6877 rgb(203,104,119)
```
#cb686f
```
#cb686f rgb(203,104,111)
```
#cb6968
```
#cb6968 rgb(203,105,104)
```
#cb7268
```
#cb7268 rgb(203,114,104)
```
#cb7a68
```
#cb7a68 rgb(203,122,104)
```

Similar Colors

Text with hexadecimal color #cb686f

This text has a font color of #cb686f.

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

#cb686f background color

This paragraph has a background color of #cb686f.

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

#cb686f border color

This element has a border color of #cb686f.

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

CSS codes

.text {color:#cb686f;}

.background {background-color:#cb686f;}

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

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)
```
#270d0f
```
#270d0f rgb(39,13,15)
```
#351215
```
#351215 rgb(53,18,21)
```
#44171b
```
#44171b rgb(68,23,27)
```
#521c20
```
#521c20 rgb(82,28,32)
```
#612126
```
#612126 rgb(97,33,38)
```
#70262c
```
#70262c rgb(112,38,44)
```
#7e2b31
```
#7e2b31 rgb(126,43,49)
```
#8d3037
```
#8d3037 rgb(141,48,55)
```
#9b363d
```
#9b363d rgb(155,54,61)
```
#aa3b42
```
#aa3b42 rgb(170,59,66)
```
#b94048
```
#b94048 rgb(185,64,72)
```

Shade Color Variation

#c14b53
```
#c14b53 rgb(193,75,83)
```
#c65961
```
#c65961 rgb(198,89,97)
```
#cb686f
```
#cb686f rgb(203,104,111)
```
#d0777d
```
#d0777d rgb(208,119,125)
```
#d5858b
```
#d5858b rgb(213,133,139)
```
#da9499
```
#da9499 rgb(218,148,153)
```
#dfa2a7
```
#dfa2a7 rgb(223,162,167)
```
#e4b1b5
```
#e4b1b5 rgb(228,177,181)
```
#e9c0c2
```
#e9c0c2 rgb(233,192,194)
```
#eeced0
```
#eeced0 rgb(238,206,208)
```
#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 #fa3947 is the most saturated one.

#9c9797
```
#9c9797 rgb(156,151,151)
```
#a48f91
```
#a48f91 rgb(164,143,145)
```
#ac878a
```
#ac878a rgb(172,135,138)
```
#b47f83
```
#b47f83 rgb(180,127,131)
```
#bb787c
```
#bb787c rgb(187,120,124)
```
#c37076
```
#c37076 rgb(195,112,118)
```
#cb686f
```
#cb686f rgb(203,104,111)
```
#d36068
```
#d36068 rgb(211,96,104)
```
#db5862
```
#db5862 rgb(219,88,98)
```
#e2515b
```
#e2515b rgb(226,81,91)
```
#ea4954
```
#ea4954 rgb(234,73,84)
```
#f2414d
```
#f2414d rgb(242,65,77)
```
#fa3947
```
#fa3947 rgb(250,57,71)
```

Tone Color Variation

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

#908b83 Protanopia 1% of men
#a28670 Deuteranopia 1% of men
#cd6f77 Tritanopia 0.001% of the population

Trichromacy

#a57e7b Protanomaly 1% of men, 0.01% of women
#b17b70 Deuteranomaly 6% of men, 0.4% of women
#cc6c74 Tritanomaly 0.01% of the population

#cb686f hex color

#cb686f Color Information

#cb686f Color Conversion

Color Schemes with #cb686f

Alternatives to #cb686f

#cb686f Preview

Shades and Tints of #cb686f

Tones of #cb686f

Color Blindness Simulator