#cf686f hex color

In a RGB color space, hex #cf686f is composed of 81.2% red, 40.8% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.8% magenta, 46.4% yellow and 18.8% black. It has a hue angle of 355.9 degrees, a saturation of 51.8% and a lightness of 61%. #cf686f color hex could be obtained by blending #ffd0de with #9f0000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 81
- G 41
- B 44
RGB color chart
- C 0
- M 50
- Y 46
- K 19
CMYK color chart

● #cf686f color description : Slightly desaturated red.

The hexadecimal color #cf686f has RGB values of R:207, G:104, B:111 and CMYK values of C:0, M:0.5, Y:0.46, K:0.19. Its decimal value is 13592687.

Hex triplet	cf686f	`#cf686f`
RGB Decimal	207, 104, 111	`rgb(207,104,111)`
RGB Percent	81.2, 40.8, 43.5	`rgb(81.2%,40.8%,43.5%)`
CMYK	0, 50, 46, 19
HSL	355.9°, 51.8, 61	`hsl(355.9,51.8%,61%)`
HSV (or HSB)	355.9°, 49.8, 81.2
Web Safe	cc6666	`#cc6666`

CIE-LAB	56.403, 41.289, 15.139
XYZ	33.552, 24.316, 17.965
xyY	0.442, 0.321, 24.316
CIE-LCH	56.403, 43.977, 20.136
CIE-LUV	56.403, 72.559, 11.464
Hunter-Lab	49.312, 35.158, 12.918
Binary	11001111, 01101000, 01101111

#cf686f
```
#cf686f rgb(207,104,111)
```
#68cfc8
```
#68cfc8 rgb(104,207,200)
```

Complementary Color

#cf68a3
```
#cf68a3 rgb(207,104,163)
```
#cf686f
```
#cf686f rgb(207,104,111)
```
#cf9568
```
#cf9568 rgb(207,149,104)
```

Analogous Color

#68a3cf
```
#68a3cf rgb(104,163,207)
```
#cf686f
```
#cf686f rgb(207,104,111)
```
#68cf95
```
#68cf95 rgb(104,207,149)
```

Split Complementary Color

#686fcf
```
#686fcf rgb(104,111,207)
```
#cf686f
```
#cf686f rgb(207,104,111)
```
#6fcf68
```
#6fcf68 rgb(111,207,104)
```

Triadic Color

#c868cf
```
#c868cf rgb(200,104,207)
```
#cf686f
```
#cf686f rgb(207,104,111)
```
#6fcf68
```
#6fcf68 rgb(111,207,104)
```
#68cfc8
```
#68cfc8 rgb(104,207,200)
```

Tetradic Color

#b23941
```
#b23941 rgb(178,57,65)
```
#c3414a
```
#c3414a rgb(195,65,74)
```
#c9555d
```
#c9555d rgb(201,85,93)
```
#cf686f
```
#cf686f rgb(207,104,111)
```
#d57b81
```
#d57b81 rgb(213,123,129)
```
#db8f94
```
#db8f94 rgb(219,143,148)
```
#e1a2a6
```
#e1a2a6 rgb(225,162,166)
```

Monochromatic Color

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

#cf6889
```
#cf6889 rgb(207,104,137)
```
#cf6880
```
#cf6880 rgb(207,104,128)
```
#cf6878
```
#cf6878 rgb(207,104,120)
```
#cf686f
```
#cf686f rgb(207,104,111)
```
#cf6a68
```
#cf6a68 rgb(207,106,104)
```
#cf7268
```
#cf7268 rgb(207,114,104)
```
#cf7b68
```
#cf7b68 rgb(207,123,104)
```

Similar Colors

Text with hexadecimal color #cf686f

This text has a font color of #cf686f.

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

#cf686f background color

This paragraph has a background color of #cf686f.

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

#cf686f border color

This element has a border color of #cf686f.

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

CSS codes

.text {color:#cf686f;}

.background {background-color:#cf686f;}

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

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

#0d0405
```
#0d0405 rgb(13,4,5)
```
#1c090a
```
#1c090a rgb(28,9,10)
```
#2a0e0f
```
#2a0e0f rgb(42,14,15)
```
#391215
```
#391215 rgb(57,18,21)
```
#48171a
```
#48171a rgb(72,23,26)
```
#571c20
```
#571c20 rgb(87,28,32)
```
#662025
```
#662025 rgb(102,32,37)
```
#75252b
```
#75252b rgb(117,37,43)
```
#842a30
```
#842a30 rgb(132,42,48)
```
#932f35
```
#932f35 rgb(147,47,53)
```
#a2333b
```
#a2333b rgb(162,51,59)
```
#b03840
```
#b03840 rgb(176,56,64)
```
#bf3d46
```
#bf3d46 rgb(191,61,70)
```

Shade Color Variation

#c64a53
```
#c64a53 rgb(198,74,83)
```
#ca5961
```
#ca5961 rgb(202,89,97)
```
#cf686f
```
#cf686f rgb(207,104,111)
```
#d4777d
```
#d4777d rgb(212,119,125)
```
#d8868b
```
#d8868b rgb(216,134,139)
```
#dd959a
```
#dd959a rgb(221,149,154)
```
#e2a4a8
```
#e2a4a8 rgb(226,164,168)
```
#e7b2b6
```
#e7b2b6 rgb(231,178,182)
```
#ebc1c4
```
#ebc1c4 rgb(235,193,196)
```
#f0d0d2
```
#f0d0d2 rgb(240,208,210)
```
#f5dfe1
```
#f5dfe1 rgb(245,223,225)
```
#faeeef
```
#faeeef rgb(250,238,239)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#a19697
```
#a19697 rgb(161,150,151)
```
#a98e90
```
#a98e90 rgb(169,142,144)
```
#b08789
```
#b08789 rgb(176,135,137)
```
#b87f83
```
#b87f83 rgb(184,127,131)
```
#c0777c
```
#c0777c rgb(192,119,124)
```
#c77076
```
#c77076 rgb(199,112,118)
```
#cf686f
```
#cf686f rgb(207,104,111)
```
#d76068
```
#d76068 rgb(215,96,104)
```
#de5962
```
#de5962 rgb(222,89,98)
```
#e6515b
```
#e6515b rgb(230,81,91)
```
#ee4955
```
#ee4955 rgb(238,73,85)
```
#f5424e
```
#f5424e rgb(245,66,78)
```
#fd3a47
```
#fd3a47 rgb(253,58,71)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#968283 Atypical Achromatopsia 0.001% of the population

Dichromacy

#928c83 Protanopia 1% of men
#a48870 Deuteranopia 1% of men
#d16f76 Tritanopia 0.001% of the population

Trichromacy

#a87f7c Protanomaly 1% of men, 0.01% of women
#b37c6f Deuteranomaly 6% of men, 0.4% of women
#d06c74 Tritanomaly 0.01% of the population

#cf686f hex color

#cf686f Color Information

#cf686f Color Conversion

Color Schemes with #cf686f

Alternatives to #cf686f

#cf686f Preview

Shades and Tints of #cf686f

Tones of #cf686f

Color Blindness Simulator