#cf686c hex color

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

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

● #cf686c color description : Slightly desaturated red.

The hexadecimal color #cf686c has RGB values of R:207, G:104, B:108 and CMYK values of C:0, M:0.5, Y:0.48, K:0.19. Its decimal value is 13592684.

Hex triplet	cf686c	`#cf686c`
RGB Decimal	207, 104, 108	`rgb(207,104,108)`
RGB Percent	81.2, 40.8, 42.4	`rgb(81.2%,40.8%,42.4%)`
CMYK	0, 50, 48, 19
HSL	357.7°, 51.8, 61	`hsl(357.7,51.8%,61%)`
HSV (or HSB)	357.7°, 49.8, 81.2
Web Safe	cc6666	`#cc6666`

CIE-LAB	56.339, 40.996, 16.798
XYZ	33.39, 24.251, 17.109
xyY	0.447, 0.324, 24.251
CIE-LCH	56.339, 44.303, 22.281
CIE-LUV	56.339, 73.21, 13.423
Hunter-Lab	49.246, 34.848, 13.873
Binary	11001111, 01101000, 01101100

#cf686c
```
#cf686c rgb(207,104,108)
```
#68cfcb
```
#68cfcb rgb(104,207,203)
```

Complementary Color

#cf68a0
```
#cf68a0 rgb(207,104,160)
```
#cf686c
```
#cf686c rgb(207,104,108)
```
#cf9868
```
#cf9868 rgb(207,152,104)
```

Analogous Color

#68a0cf
```
#68a0cf rgb(104,160,207)
```
#cf686c
```
#cf686c rgb(207,104,108)
```
#68cf98
```
#68cf98 rgb(104,207,152)
```

Split Complementary Color

#686ccf
```
#686ccf rgb(104,108,207)
```
#cf686c
```
#cf686c rgb(207,104,108)
```
#6ccf68
```
#6ccf68 rgb(108,207,104)
```

Triadic Color

#cb68cf
```
#cb68cf rgb(203,104,207)
```
#cf686c
```
#cf686c rgb(207,104,108)
```
#6ccf68
```
#6ccf68 rgb(108,207,104)
```
#68cfcb
```
#68cfcb rgb(104,207,203)
```

Tetradic Color

#b2393d
```
#b2393d rgb(178,57,61)
```
#c34146
```
#c34146 rgb(195,65,70)
```
#c95559
```
#c95559 rgb(201,85,89)
```
#cf686c
```
#cf686c rgb(207,104,108)
```
#d57b7f
```
#d57b7f rgb(213,123,127)
```
#db8f92
```
#db8f92 rgb(219,143,146)
```
#e1a2a5
```
#e1a2a5 rgb(225,162,165)
```

Monochromatic Color

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

#cf6886
```
#cf6886 rgb(207,104,134)
```
#cf687d
```
#cf687d rgb(207,104,125)
```
#cf6875
```
#cf6875 rgb(207,104,117)
```
#cf686c
```
#cf686c rgb(207,104,108)
```
#cf6d68
```
#cf6d68 rgb(207,109,104)
```
#cf7568
```
#cf7568 rgb(207,117,104)
```
#cf7e68
```
#cf7e68 rgb(207,126,104)
```

Similar Colors

Text with hexadecimal color #cf686c

This text has a font color of #cf686c.

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

#cf686c background color

This paragraph has a background color of #cf686c.

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

#cf686c border color

This element has a border color of #cf686c.

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

CSS codes

.text {color:#cf686c;}

.background {background-color:#cf686c;}

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

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

#0d0404
```
#0d0404 rgb(13,4,4)
```
#1c090a
```
#1c090a rgb(28,9,10)
```
#2a0e0f
```
#2a0e0f rgb(42,14,15)
```
#391214
```
#391214 rgb(57,18,20)
```
#481719
```
#481719 rgb(72,23,25)
```
#571c1e
```
#571c1e rgb(87,28,30)
```
#662023
```
#662023 rgb(102,32,35)
```
#752528
```
#752528 rgb(117,37,40)
```
#842a2d
```
#842a2d rgb(132,42,45)
```
#932f33
```
#932f33 rgb(147,47,51)
```
#a23338
```
#a23338 rgb(162,51,56)
```
#b0383d
```
#b0383d rgb(176,56,61)
```
#bf3d42
```
#bf3d42 rgb(191,61,66)
```

Shade Color Variation

#c64a4f
```
#c64a4f rgb(198,74,79)
```
#ca595e
```
#ca595e rgb(202,89,94)
```
#cf686c
```
#cf686c rgb(207,104,108)
```
#d4777a
```
#d4777a rgb(212,119,122)
```
#d88689
```
#d88689 rgb(216,134,137)
```
#dd9597
```
#dd9597 rgb(221,149,151)
```
#e2a4a6
```
#e2a4a6 rgb(226,164,166)
```
#e7b2b4
```
#e7b2b4 rgb(231,178,180)
```
#ebc1c3
```
#ebc1c3 rgb(235,193,195)
```
#f0d0d1
```
#f0d0d1 rgb(240,208,209)
```
#f5dfe0
```
#f5dfe0 rgb(245,223,224)
```
#faeeee
```
#faeeee rgb(250,238,238)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#a19696
```
#a19696 rgb(161,150,150)
```
#a98e8f
```
#a98e8f rgb(169,142,143)
```
#b08788
```
#b08788 rgb(176,135,136)
```
#b87f81
```
#b87f81 rgb(184,127,129)
```
#c0777a
```
#c0777a rgb(192,119,122)
```
#c77073
```
#c77073 rgb(199,112,115)
```
#cf686c
```
#cf686c rgb(207,104,108)
```
#d76065
```
#d76065 rgb(215,96,101)
```
#de595e
```
#de595e rgb(222,89,94)
```
#e65157
```
#e65157 rgb(230,81,87)
```
#ee4950
```
#ee4950 rgb(238,73,80)
```
#f54249
```
#f54249 rgb(245,66,73)
```
#fd3a42
```
#fd3a42 rgb(253,58,66)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#958182 Atypical Achromatopsia 0.001% of the population

Dichromacy

#928c80 Protanopia 1% of men
#a5876d Deuteranopia 1% of men
#d16f76 Tritanopia 0.001% of the population

Trichromacy

#a87f79 Protanomaly 1% of men, 0.01% of women
#b47c6d Deuteranomaly 6% of men, 0.4% of women
#d06c72 Tritanomaly 0.01% of the population

#cf686c hex color

#cf686c Color Information

#cf686c Color Conversion

Color Schemes with #cf686c

Alternatives to #cf686c

#cf686c Preview

Shades and Tints of #cf686c

Tones of #cf686c

Color Blindness Simulator