#cf974f hex color

In a RGB color space, hex #cf974f is composed of 81.2% red, 59.2% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.1% magenta, 61.8% yellow and 18.8% black. It has a hue angle of 33.8 degrees, a saturation of 57.1% and a lightness of 56.1%. #cf974f color hex could be obtained by blending #ffff9e with #9f2f00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 81
- G 59
- B 31
RGB color chart
- C 0
- M 27
- Y 62
- K 19
CMYK color chart

● #cf974f color description : Moderate orange.

The hexadecimal color #cf974f has RGB values of R:207, G:151, B:79 and CMYK values of C:0, M:0.27, Y:0.62, K:0.19. Its decimal value is 13604687.

Hex triplet	cf974f	`#cf974f`
RGB Decimal	207, 151, 79	`rgb(207,151,79)`
RGB Percent	81.2, 59.2, 31	`rgb(81.2%,59.2%,31%)`
CMYK	0, 27, 62, 19
HSL	33.8°, 57.1, 56.1	`hsl(33.8,57.1%,56.1%)`
HSV (or HSB)	33.8°, 61.8, 81.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	66.493, 13.447, 45.479
XYZ	38.211, 35.965, 12.326
xyY	0.442, 0.416, 35.965
CIE-LCH	66.493, 47.426, 73.529
CIE-LUV	66.493, 43.928, 50.368
Hunter-Lab	59.971, 8.782, 29.793
Binary	11001111, 10010111, 01001111

#cf974f
```
#cf974f rgb(207,151,79)
```
#4f87cf
```
#4f87cf rgb(79,135,207)
```

Complementary Color

#cf574f
```
#cf574f rgb(207,87,79)
```
#cf974f
```
#cf974f rgb(207,151,79)
```
#c7cf4f
```
#c7cf4f rgb(199,207,79)
```

Analogous Color

#574fcf
```
#574fcf rgb(87,79,207)
```
#cf974f
```
#cf974f rgb(207,151,79)
```
#4fc7cf
```
#4fc7cf rgb(79,199,207)
```

Split Complementary Color

#974fcf
```
#974fcf rgb(151,79,207)
```
#cf974f
```
#cf974f rgb(207,151,79)
```
#4fcf97
```
#4fcf97 rgb(79,207,151)
```

Triadic Color

#cf4f87
```
#cf4f87 rgb(207,79,135)
```
#cf974f
```
#cf974f rgb(207,151,79)
```
#4fcf97
```
#4fcf97 rgb(79,207,151)
```
#4f87cf
```
#4f87cf rgb(79,135,207)
```

Tetradic Color

#a5702d
```
#a5702d rgb(165,112,45)
```
#b97e32
```
#b97e32 rgb(185,126,50)
```
#ca8b3b
```
#ca8b3b rgb(202,139,59)
```
#cf974f
```
#cf974f rgb(207,151,79)
```
#d4a363
```
#d4a363 rgb(212,163,99)
```
#daaf77
```
#daaf77 rgb(218,175,119)
```
#dfbb8b
```
#dfbb8b rgb(223,187,139)
```

Monochromatic Color

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

#cf774f
```
#cf774f rgb(207,119,79)
```
#cf824f
```
#cf824f rgb(207,130,79)
```
#cf8c4f
```
#cf8c4f rgb(207,140,79)
```
#cf974f
```
#cf974f rgb(207,151,79)
```
#cfa24f
```
#cfa24f rgb(207,162,79)
```
#cfac4f
```
#cfac4f rgb(207,172,79)
```
#cfb74f
```
#cfb74f rgb(207,183,79)
```

Similar Colors

Text with hexadecimal color #cf974f

This text has a font color of #cf974f.

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

#cf974f background color

This paragraph has a background color of #cf974f.

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

#cf974f border color

This element has a border color of #cf974f.

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

CSS codes

.text {color:#cf974f;}

.background {background-color:#cf974f;}

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

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

#090602
```
#090602 rgb(9,6,2)
```
#181107
```
#181107 rgb(24,17,7)
```
#281b0b
```
#281b0b rgb(40,27,11)
```
#37260f
```
#37260f rgb(55,38,15)
```
#473013
```
#473013 rgb(71,48,19)
```
#563b17
```
#563b17 rgb(86,59,23)
```
#65451c
```
#65451c rgb(101,69,28)
```
#755020
```
#755020 rgb(117,80,32)
```
#845a24
```
#845a24 rgb(132,90,36)
```
#946528
```
#946528 rgb(148,101,40)
```
#a36f2c
```
#a36f2c rgb(163,111,44)
```
#b27a31
```
#b27a31 rgb(178,122,49)
```
#c28435
```
#c28435 rgb(194,132,53)
```

Shade Color Variation

#cb8e40
```
#cb8e40 rgb(203,142,64)
```
#cf974f
```
#cf974f rgb(207,151,79)
```
#d3a05e
```
#d3a05e rgb(211,160,94)
```
#d7a96e
```
#d7a96e rgb(215,169,110)
```
#dcb27d
```
#dcb27d rgb(220,178,125)
```
#e0bb8d
```
#e0bb8d rgb(224,187,141)
```
#e4c59c
```
#e4c59c rgb(228,197,156)
```
#e8ceab
```
#e8ceab rgb(232,206,171)
```
#ecd7bb
```
#ecd7bb rgb(236,215,187)
```
#f1e0ca
```
#f1e0ca rgb(241,224,202)
```
#f5e9da
```
#f5e9da rgb(245,233,218)
```
#f9f2e9
```
#f9f2e9 rgb(249,242,233)
```
#fdfbf9
```
#fdfbf9 rgb(253,251,249)
```

Tint Color Variation

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

#938f8b
```
#938f8b rgb(147,143,139)
```
#9b9183
```
#9b9183 rgb(155,145,131)
```
#a4927a
```
#a4927a rgb(164,146,122)
```
#ad9371
```
#ad9371 rgb(173,147,113)
```
#b59469
```
#b59469 rgb(181,148,105)
```
#be9560
```
#be9560 rgb(190,149,96)
```
#c69658
```
#c69658 rgb(198,150,88)
```
#cf974f
```
#cf974f rgb(207,151,79)
```
#d89846
```
#d89846 rgb(216,152,70)
```
#e0993e
```
#e0993e rgb(224,153,62)
```
#e99a35
```
#e99a35 rgb(233,154,53)
```
#f19b2d
```
#f19b2d rgb(241,155,45)
```
#fa9c24
```
#fa9c24 rgb(250,156,36)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#a99e90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a65b Protanopia 1% of men
#cb9f57 Deuteranopia 1% of men
#d7949e Tritanopia 0.001% of the population

Trichromacy

#bfa056 Protanomaly 1% of men, 0.01% of women
#cc9c54 Deuteranomaly 6% of men, 0.4% of women
#d49581 Tritanomaly 0.01% of the population

#cf974f hex color

#cf974f Color Information

#cf974f Color Conversion

Color Schemes with #cf974f

Alternatives to #cf974f

#cf974f Preview

Shades and Tints of #cf974f

Tones of #cf974f

Color Blindness Simulator