#cf771f hex color

In a RGB color space, hex #cf771f is composed of 81.2% red, 46.7% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.5% magenta, 85% yellow and 18.8% black. It has a hue angle of 30 degrees, a saturation of 73.9% and a lightness of 46.7%. #cf771f color hex could be obtained by blending #ffee3e with #9f0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 81
- G 47
- B 12
RGB color chart
- C 0
- M 43
- Y 85
- K 19
CMYK color chart

● #cf771f color description : Strong orange.

The hexadecimal color #cf771f has RGB values of R:207, G:119, B:31 and CMYK values of C:0, M:0.43, Y:0.85, K:0.19. Its decimal value is 13596447.

Hex triplet	cf771f	`#cf771f`
RGB Decimal	207, 119, 31	`rgb(207,119,31)`
RGB Percent	81.2, 46.7, 12.2	`rgb(81.2%,46.7%,12.2%)`
CMYK	0, 43, 85, 19
HSL	30°, 73.9, 46.7	`hsl(30,73.9%,46.7%)`
HSV (or HSB)	30°, 85, 81.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	58.565, 28.512, 58.367
XYZ	32.577, 26.561, 4.707
xyY	0.51, 0.416, 26.561
CIE-LCH	58.565, 64.958, 63.965
CIE-LUV	58.565, 72.266, 52.315
Hunter-Lab	51.537, 22.643, 30.66
Binary	11001111, 01110111, 00011111

#cf771f
```
#cf771f rgb(207,119,31)
```
#1f77cf
```
#1f77cf rgb(31,119,207)
```

Complementary Color

#cf1f1f
```
#cf1f1f rgb(207,31,31)
```
#cf771f
```
#cf771f rgb(207,119,31)
```
#cfcf1f
```
#cfcf1f rgb(207,207,31)
```

Analogous Color

#1f1fcf
```
#1f1fcf rgb(31,31,207)
```
#cf771f
```
#cf771f rgb(207,119,31)
```
#1fcfcf
```
#1fcfcf rgb(31,207,207)
```

Split Complementary Color

#771fcf
```
#771fcf rgb(119,31,207)
```
#cf771f
```
#cf771f rgb(207,119,31)
```
#1fcf77
```
#1fcf77 rgb(31,207,119)
```

Triadic Color

#cf1f77
```
#cf1f77 rgb(207,31,119)
```
#cf771f
```
#cf771f rgb(207,119,31)
```
#1fcf77
```
#1fcf77 rgb(31,207,119)
```
#1f77cf
```
#1f77cf rgb(31,119,207)
```

Tetradic Color

#8c5115
```
#8c5115 rgb(140,81,21)
```
#a35d18
```
#a35d18 rgb(163,93,24)
```
#b96a1c
```
#b96a1c rgb(185,106,28)
```
#cf771f
```
#cf771f rgb(207,119,31)
```
#df8429
```
#df8429 rgb(223,132,41)
```
#e2913f
```
#e2913f rgb(226,145,63)
```
#e69d55
```
#e69d55 rgb(230,157,85)
```

Monochromatic Color

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

#cf4b1f
```
#cf4b1f rgb(207,75,31)
```
#cf5a1f
```
#cf5a1f rgb(207,90,31)
```
#cf681f
```
#cf681f rgb(207,104,31)
```
#cf771f
```
#cf771f rgb(207,119,31)
```
#cf861f
```
#cf861f rgb(207,134,31)
```
#cf941f
```
#cf941f rgb(207,148,31)
```
#cfa31f
```
#cfa31f rgb(207,163,31)
```

Similar Colors

Text with hexadecimal color #cf771f

This text has a font color of #cf771f.

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

#cf771f background color

This paragraph has a background color of #cf771f.

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

#cf771f border color

This element has a border color of #cf771f.

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

CSS codes

.text {color:#cf771f;}

.background {background-color:#cf771f;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#130b03
```
#130b03 rgb(19,11,3)
```
#241505
```
#241505 rgb(36,21,5)
```
#351f08
```
#351f08 rgb(53,31,8)
```
#47290b
```
#47290b rgb(71,41,11)
```
#58320d
```
#58320d rgb(88,50,13)
```
#693c10
```
#693c10 rgb(105,60,16)
```
#7a4612
```
#7a4612 rgb(122,70,18)
```
#8b5015
```
#8b5015 rgb(139,80,21)
```
#9c5a17
```
#9c5a17 rgb(156,90,23)
```
#ad631a
```
#ad631a rgb(173,99,26)
```
#be6d1c
```
#be6d1c rgb(190,109,28)
```
#cf771f
```
#cf771f rgb(207,119,31)
```

Shade Color Variation

#de8123
```
#de8123 rgb(222,129,35)
```
#e18b35
```
#e18b35 rgb(225,139,53)
```
#e39446
```
#e39446 rgb(227,148,70)
```
#e69e57
```
#e69e57 rgb(230,158,87)
```
#e8a868
```
#e8a868 rgb(232,168,104)
```
#ebb279
```
#ebb279 rgb(235,178,121)
```
#edbc8a
```
#edbc8a rgb(237,188,138)
```
#f0c59b
```
#f0c59b rgb(240,197,155)
```
#f3cfac
```
#f3cfac rgb(243,207,172)
```
#f5d9bd
```
#f5d9bd rgb(245,217,189)
```
#f8e3ce
```
#f8e3ce rgb(248,227,206)
```
#faeddf
```
#faeddf rgb(250,237,223)
```
#fdf7f0
```
#fdf7f0 rgb(253,247,240)
```

Tint Color Variation

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

#7d7771
```
#7d7771 rgb(125,119,113)
```
#867768
```
#867768 rgb(134,119,104)
```
#8f775f
```
#8f775f rgb(143,119,95)
```
#987756
```
#987756 rgb(152,119,86)
```
#a1774d
```
#a1774d rgb(161,119,77)
```
#aa7744
```
#aa7744 rgb(170,119,68)
```
#b4773a
```
#b4773a rgb(180,119,58)
```
#bd7731
```
#bd7731 rgb(189,119,49)
```
#c67728
```
#c67728 rgb(198,119,40)
```
#cf771f
```
#cf771f rgb(207,119,31)
```
#d87716
```
#d87716 rgb(216,119,22)
```
#e1770d
```
#e1770d rgb(225,119,13)
```
#ea7704
```
#ea7704 rgb(234,119,4)
```

Tone Color Variation

Below, you can see how #cf771f 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
#958472 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39330 Protanopia 1% of men
#b78b23 Deuteranopia 1% of men
#d5767e Tritanopia 0.001% of the population

Trichromacy

#b38829 Protanomaly 1% of men, 0.01% of women
#bf8421 Deuteranomaly 6% of men, 0.4% of women
#d3765b Tritanomaly 0.01% of the population

#cf771f hex color

#cf771f Color Information

#cf771f Color Conversion

Color Schemes with #cf771f

Alternatives to #cf771f

#cf771f Preview

Shades and Tints of #cf771f

Tones of #cf771f

Color Blindness Simulator