#cf986f hex color

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

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

● #cf986f color description : Slightly desaturated orange.

The hexadecimal color #cf986f has RGB values of R:207, G:152, B:111 and CMYK values of C:0, M:0.27, Y:0.46, K:0.19. Its decimal value is 13604975.

Hex triplet	cf986f	`#cf986f`
RGB Decimal	207, 152, 111	`rgb(207,152,111)`
RGB Percent	81.2, 59.6, 43.5	`rgb(81.2%,59.6%,43.5%)`
CMYK	0, 27, 46, 19
HSL	25.6°, 50, 62.4	`hsl(25.6,50%,62.4%)`
HSV (or HSB)	25.6°, 46.4, 81.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	67.181, 15.626, 29.617
XYZ	39.83, 36.872, 20.057
xyY	0.412, 0.381, 36.872
CIE-LCH	67.181, 33.486, 62.184
CIE-LUV	67.181, 40.273, 34.75
Hunter-Lab	60.722, 10.822, 22.921
Binary	11001111, 10011000, 01101111

#cf986f
```
#cf986f rgb(207,152,111)
```
#6fa6cf
```
#6fa6cf rgb(111,166,207)
```

Complementary Color

#cf6f76
```
#cf6f76 rgb(207,111,118)
```
#cf986f
```
#cf986f rgb(207,152,111)
```
#cfc86f
```
#cfc86f rgb(207,200,111)
```

Analogous Color

#6f76cf
```
#6f76cf rgb(111,118,207)
```
#cf986f
```
#cf986f rgb(207,152,111)
```
#6fcfc8
```
#6fcfc8 rgb(111,207,200)
```

Split Complementary Color

#986fcf
```
#986fcf rgb(152,111,207)
```
#cf986f
```
#cf986f rgb(207,152,111)
```
#6fcf98
```
#6fcf98 rgb(111,207,152)
```

Triadic Color

#cf6fa6
```
#cf6fa6 rgb(207,111,166)
```
#cf986f
```
#cf986f rgb(207,152,111)
```
#6fcf98
```
#6fcf98 rgb(111,207,152)
```
#6fa6cf
```
#6fa6cf rgb(111,166,207)
```

Tetradic Color

#b5703c
```
#b5703c rgb(181,112,60)
```
#c27d49
```
#c27d49 rgb(194,125,73)
```
#c98a5c
```
#c98a5c rgb(201,138,92)
```
#cf986f
```
#cf986f rgb(207,152,111)
```
#d5a682
```
#d5a682 rgb(213,166,130)
```
#dcb395
```
#dcb395 rgb(220,179,149)
```
#e2c1a8
```
#e2c1a8 rgb(226,193,168)
```

Monochromatic Color

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

#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)
```
#cfa86f
```
#cfa86f rgb(207,168,111)
```
#cfb06f
```
#cfb06f rgb(207,176,111)
```

Similar Colors

Text with hexadecimal color #cf986f

This text has a font color of #cf986f.

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

#cf986f background color

This paragraph has a background color of #cf986f.

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

#cf986f border color

This element has a border color of #cf986f.

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

CSS codes

.text {color:#cf986f;}

.background {background-color:#cf986f;}

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

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 #fbf7f3 is the lightest one.

#030201
```
#030201 rgb(3,2,1)
```
#120b06
```
#120b06 rgb(18,11,6)
```
#21140b
```
#21140b rgb(33,20,11)
```
#2f1d10
```
#2f1d10 rgb(47,29,16)
```
#3e2615
```
#3e2615 rgb(62,38,21)
```
#4d2f1a
```
#4d2f1a rgb(77,47,26)
```
#5b381e
```
#5b381e rgb(91,56,30)
```
#6a4223
```
#6a4223 rgb(106,66,35)
```
#794b28
```
#794b28 rgb(121,75,40)
```
#88542d
```
#88542d rgb(136,84,45)
```
#965d32
```
#965d32 rgb(150,93,50)
```
#a56637
```
#a56637 rgb(165,102,55)
```
#b46f3c
```
#b46f3c rgb(180,111,60)
```

Shade Color Variation

#c07843
```
#c07843 rgb(192,120,67)
```
#c58352
```
#c58352 rgb(197,131,82)
```
#ca8d60
```
#ca8d60 rgb(202,141,96)
```
#cf986f
```
#cf986f rgb(207,152,111)
```
#d4a37e
```
#d4a37e rgb(212,163,126)
```
#d9ad8c
```
#d9ad8c rgb(217,173,140)
```
#deb89b
```
#deb89b rgb(222,184,155)
```
#e3c2aa
```
#e3c2aa rgb(227,194,170)
```
#e8cdb9
```
#e8cdb9 rgb(232,205,185)
```
#ecd7c7
```
#ecd7c7 rgb(236,215,199)
```
#f1e2d6
```
#f1e2d6 rgb(241,226,214)
```
#f6ece5
```
#f6ece5 rgb(246,236,229)
```
#fbf7f3
```
#fbf7f3 rgb(251,247,243)
```

Tint Color Variation

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

#a39e9b
```
#a39e9b rgb(163,158,155)
```
#aa9d94
```
#aa9d94 rgb(170,157,148)
```
#b19c8d
```
#b19c8d rgb(177,156,141)
```
#b99b85
```
#b99b85 rgb(185,155,133)
```
#c09a7e
```
#c09a7e rgb(192,154,126)
```
#c89976
```
#c89976 rgb(200,153,118)
```
#cf986f
```
#cf986f rgb(207,152,111)
```
#d69768
```
#d69768 rgb(214,151,104)
```
#de9660
```
#de9660 rgb(222,150,96)
```
#e59559
```
#e59559 rgb(229,149,89)
```
#ed9451
```
#ed9451 rgb(237,148,81)
```
#f4934a
```
#f4934a rgb(244,147,74)
```
#fb9243
```
#fb9243 rgb(251,146,67)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#ada299 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a87a Protanopia 1% of men
#c7a175 Deuteranopia 1% of men
#d597a1 Tritanopia 0.001% of the population

Trichromacy

#bea276 Protanomaly 1% of men, 0.01% of women
#ca9e73 Deuteranomaly 6% of men, 0.4% of women
#d3978f Tritanomaly 0.01% of the population

#cf986f hex color

#cf986f Color Information

#cf986f Color Conversion

Color Schemes with #cf986f

Alternatives to #cf986f

#cf986f Preview

Shades and Tints of #cf986f

Tones of #cf986f

Color Blindness Simulator