#cf886f hex color

In a RGB color space, hex #cf886f is composed of 81.2% red, 53.3% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.3% magenta, 46.4% yellow and 18.8% black. It has a hue angle of 15.6 degrees, a saturation of 50% and a lightness of 62.4%. #cf886f color hex could be obtained by blending #ffffde with #9f1100. Closest websafe color is: #cc9966.

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

● #cf886f color description : Slightly desaturated orange.

The hexadecimal color #cf886f has RGB values of R:207, G:136, B:111 and CMYK values of C:0, M:0.34, Y:0.46, K:0.19. Its decimal value is 13600879.

Hex triplet	cf886f	`#cf886f`
RGB Decimal	207, 136, 111	`rgb(207,136,111)`
RGB Percent	81.2, 53.3, 43.5	`rgb(81.2%,53.3%,43.5%)`
CMYK	0, 34, 46, 19
HSL	15.6°, 50, 62.4	`hsl(15.6,50%,62.4%)`
HSV (or HSB)	15.6°, 46.4, 81.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	63.362, 24.333, 24.583
XYZ	37.406, 32.024, 19.249
xyY	0.422, 0.361, 32.024
CIE-LCH	63.362, 34.59, 45.293
CIE-LUV	63.362, 51.19, 26.738
Hunter-Lab	56.589, 18.958, 19.445
Binary	11001111, 10001000, 01101111

#cf886f
```
#cf886f rgb(207,136,111)
```
#6fb6cf
```
#6fb6cf rgb(111,182,207)
```

Complementary Color

#cf6f86
```
#cf6f86 rgb(207,111,134)
```
#cf886f
```
#cf886f rgb(207,136,111)
```
#cfb86f
```
#cfb86f rgb(207,184,111)
```

Analogous Color

#6f86cf
```
#6f86cf rgb(111,134,207)
```
#cf886f
```
#cf886f rgb(207,136,111)
```
#6fcfb8
```
#6fcfb8 rgb(111,207,184)
```

Split Complementary Color

#886fcf
```
#886fcf rgb(136,111,207)
```
#cf886f
```
#cf886f rgb(207,136,111)
```
#6fcf88
```
#6fcf88 rgb(111,207,136)
```

Triadic Color

#cf6fb6
```
#cf6fb6 rgb(207,111,182)
```
#cf886f
```
#cf886f rgb(207,136,111)
```
#6fcf88
```
#6fcf88 rgb(111,207,136)
```
#6fb6cf
```
#6fb6cf rgb(111,182,207)
```

Tetradic Color

#b55c3c
```
#b55c3c rgb(181,92,60)
```
#c26849
```
#c26849 rgb(194,104,73)
```
#c9785c
```
#c9785c rgb(201,120,92)
```
#cf886f
```
#cf886f rgb(207,136,111)
```
#d59882
```
#d59882 rgb(213,152,130)
```
#dca895
```
#dca895 rgb(220,168,149)
```
#e2b7a8
```
#e2b7a8 rgb(226,183,168)
```

Monochromatic Color

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

#cf706f
```
#cf706f rgb(207,112,111)
```
#cf786f
```
#cf786f rgb(207,120,111)
```
#cf806f
```
#cf806f rgb(207,128,111)
```
#cf886f
```
#cf886f rgb(207,136,111)
```
#cf906f
```
#cf906f rgb(207,144,111)
```
#cf986f
```
#cf986f rgb(207,152,111)
```
#cfa06f
```
#cfa06f rgb(207,160,111)
```

Similar Colors

Text with hexadecimal color #cf886f

This text has a font color of #cf886f.

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

#cf886f background color

This paragraph has a background color of #cf886f.

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

#cf886f border color

This element has a border color of #cf886f.

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

CSS codes

.text {color:#cf886f;}

.background {background-color:#cf886f;}

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

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, #030201 is the darkest color, while #fbf5f3 is the lightest one.

#030201
```
#030201 rgb(3,2,1)
```
#120906
```
#120906 rgb(18,9,6)
```
#21100b
```
#21100b rgb(33,16,11)
```
#2f1810
```
#2f1810 rgb(47,24,16)
```
#3e1f15
```
#3e1f15 rgb(62,31,21)
```
#4d271a
```
#4d271a rgb(77,39,26)
```
#5b2e1e
```
#5b2e1e rgb(91,46,30)
```
#6a3623
```
#6a3623 rgb(106,54,35)
```
#793d28
```
#793d28 rgb(121,61,40)
```
#88452d
```
#88452d rgb(136,69,45)
```
#964c32
```
#964c32 rgb(150,76,50)
```
#a55437
```
#a55437 rgb(165,84,55)
```
#b45b3c
```
#b45b3c rgb(180,91,60)
```

Shade Color Variation

#c06443
```
#c06443 rgb(192,100,67)
```
#c57052
```
#c57052 rgb(197,112,82)
```
#ca7c60
```
#ca7c60 rgb(202,124,96)
```
#cf886f
```
#cf886f rgb(207,136,111)
```
#d4947e
```
#d4947e rgb(212,148,126)
```
#d9a08c
```
#d9a08c rgb(217,160,140)
```
#deac9b
```
#deac9b rgb(222,172,155)
```
#e3b9aa
```
#e3b9aa rgb(227,185,170)
```
#e8c5b9
```
#e8c5b9 rgb(232,197,185)
```
#ecd1c7
```
#ecd1c7 rgb(236,209,199)
```
#f1ddd6
```
#f1ddd6 rgb(241,221,214)
```
#f6e9e5
```
#f6e9e5 rgb(246,233,229)
```
#fbf5f3
```
#fbf5f3 rgb(251,245,243)
```

Tint Color Variation

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

#a39d9b
```
#a39d9b rgb(163,157,155)
```
#aa9a94
```
#aa9a94 rgb(170,154,148)
```
#b1968d
```
#b1968d rgb(177,150,141)
```
#b99385
```
#b99385 rgb(185,147,133)
```
#c08f7e
```
#c08f7e rgb(192,143,126)
```
#c88c76
```
#c88c76 rgb(200,140,118)
```
#cf886f
```
#cf886f rgb(207,136,111)
```
#d68468
```
#d68468 rgb(214,132,104)
```
#de8160
```
#de8160 rgb(222,129,96)
```
#e57d59
```
#e57d59 rgb(229,125,89)
```
#ed7a51
```
#ed7a51 rgb(237,122,81)
```
#f4764a
```
#f4764a rgb(244,118,74)
```
#fb7343
```
#fb7343 rgb(251,115,67)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#a59691 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89e7d Protanopia 1% of men
#bb9873 Deuteranopia 1% of men
#d48a93 Tritanopia 0.001% of the population

Trichromacy

#b69678 Protanomaly 1% of men, 0.01% of women
#c29271 Deuteranomaly 6% of men, 0.4% of women
#d28986 Tritanomaly 0.01% of the population

#cf886f hex color

#cf886f Color Information

#cf886f Color Conversion

Color Schemes with #cf886f

Alternatives to #cf886f

#cf886f Preview

Shades and Tints of #cf886f

Tones of #cf886f

Color Blindness Simulator