#cf9346 hex color

In a RGB color space, hex #cf9346 is composed of 81.2% red, 57.6% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29% magenta, 66.2% yellow and 18.8% black. It has a hue angle of 33.7 degrees, a saturation of 58.8% and a lightness of 54.3%. #cf9346 color hex could be obtained by blending #ffff8c with #9f2700. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 81
- G 58
- B 27
RGB color chart
- C 0
- M 29
- Y 66
- K 19
CMYK color chart

● #cf9346 color description : Moderate orange.

The hexadecimal color #cf9346 has RGB values of R:207, G:147, B:70 and CMYK values of C:0, M:0.29, Y:0.66, K:0.19. Its decimal value is 13603654.

Hex triplet	cf9346	`#cf9346`
RGB Decimal	207, 147, 70	`rgb(207,147,70)`
RGB Percent	81.2, 57.6, 27.5	`rgb(81.2%,57.6%,27.5%)`
CMYK	0, 29, 66, 19
HSL	33.7°, 58.8, 54.3	`hsl(33.7,58.8%,54.3%)`
HSV (or HSB)	33.7°, 66.2, 81.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	65.418, 15.035, 48.647
XYZ	37.272, 34.577, 10.505
xyY	0.453, 0.42, 34.577
CIE-LCH	65.418, 50.917, 72.826
CIE-LUV	65.418, 47.582, 52.222
Hunter-Lab	58.802, 10.238, 30.57
Binary	11001111, 10010011, 01000110

#cf9346
```
#cf9346 rgb(207,147,70)
```
#4682cf
```
#4682cf rgb(70,130,207)
```

Complementary Color

#cf4f46
```
#cf4f46 rgb(207,79,70)
```
#cf9346
```
#cf9346 rgb(207,147,70)
```
#c7cf46
```
#c7cf46 rgb(199,207,70)
```

Analogous Color

#4f46cf
```
#4f46cf rgb(79,70,207)
```
#cf9346
```
#cf9346 rgb(207,147,70)
```
#46c7cf
```
#46c7cf rgb(70,199,207)
```

Split Complementary Color

#9346cf
```
#9346cf rgb(147,70,207)
```
#cf9346
```
#cf9346 rgb(207,147,70)
```
#46cf93
```
#46cf93 rgb(70,207,147)
```

Triadic Color

#cf4682
```
#cf4682 rgb(207,70,130)
```
#cf9346
```
#cf9346 rgb(207,147,70)
```
#46cf93
```
#46cf93 rgb(70,207,147)
```
#4682cf
```
#4682cf rgb(70,130,207)
```

Tetradic Color

#9f6c29
```
#9f6c29 rgb(159,108,41)
```
#b3792f
```
#b3792f rgb(179,121,47)
```
#c88734
```
#c88734 rgb(200,135,52)
```
#cf9346
```
#cf9346 rgb(207,147,70)
```
#d49f5a
```
#d49f5a rgb(212,159,90)
```
#daab6e
```
#daab6e rgb(218,171,110)
```
#dfb683
```
#dfb683 rgb(223,182,131)
```

Monochromatic Color

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

#cf7146
```
#cf7146 rgb(207,113,70)
```
#cf7c46
```
#cf7c46 rgb(207,124,70)
```
#cf8846
```
#cf8846 rgb(207,136,70)
```
#cf9346
```
#cf9346 rgb(207,147,70)
```
#cf9e46
```
#cf9e46 rgb(207,158,70)
```
#cfaa46
```
#cfaa46 rgb(207,170,70)
```
#cfb546
```
#cfb546 rgb(207,181,70)
```

Similar Colors

Text with hexadecimal color #cf9346

This text has a font color of #cf9346.

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

#cf9346 background color

This paragraph has a background color of #cf9346.

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

#cf9346 border color

This element has a border color of #cf9346.

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

CSS codes

.text {color:#cf9346;}

.background {background-color:#cf9346;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#110c05
```
#110c05 rgb(17,12,5)
```
#211609
```
#211609 rgb(33,22,9)
```
#31210d
```
#31210d rgb(49,33,13)
```
#402b11
```
#402b11 rgb(64,43,17)
```
#503615
```
#503615 rgb(80,54,21)
```
#5f4019
```
#5f4019 rgb(95,64,25)
```
#6f4b1d
```
#6f4b1d rgb(111,75,29)
```
#7e5521
```
#7e5521 rgb(126,85,33)
```
#8e6025
```
#8e6025 rgb(142,96,37)
```
#9e6b29
```
#9e6b29 rgb(158,107,41)
```
#ad752d
```
#ad752d rgb(173,117,45)
```
#bd8031
```
#bd8031 rgb(189,128,49)
```

Shade Color Variation

#cb8a36
```
#cb8a36 rgb(203,138,54)
```
#cf9346
```
#cf9346 rgb(207,147,70)
```
#d39c56
```
#d39c56 rgb(211,156,86)
```
#d7a565
```
#d7a565 rgb(215,165,101)
```
#dbae75
```
#dbae75 rgb(219,174,117)
```
#dfb784
```
#dfb784 rgb(223,183,132)
```
#e3c094
```
#e3c094 rgb(227,192,148)
```
#e7caa3
```
#e7caa3 rgb(231,202,163)
```
#ebd3b3
```
#ebd3b3 rgb(235,211,179)
```
#efdcc3
```
#efdcc3 rgb(239,220,195)
```
#f3e5d2
```
#f3e5d2 rgb(243,229,210)
```
#f7eee2
```
#f7eee2 rgb(247,238,226)
```
#fbf7f1
```
#fbf7f1 rgb(251,247,241)
```

Tint Color Variation

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

#908b85
```
#908b85 rgb(144,139,133)
```
#998c7c
```
#998c7c rgb(153,140,124)
```
#a28d73
```
#a28d73 rgb(162,141,115)
```
#ab8f6a
```
#ab8f6a rgb(171,143,106)
```
#b49061
```
#b49061 rgb(180,144,97)
```
#bd9158
```
#bd9158 rgb(189,145,88)
```
#c6924f
```
#c6924f rgb(198,146,79)
```
#cf9346
```
#cf9346 rgb(207,147,70)
```
#d8943d
```
#d8943d rgb(216,148,61)
```
#e19534
```
#e19534 rgb(225,149,52)
```
#ea962b
```
#ea962b rgb(234,150,43)
```
#f39722
```
#f39722 rgb(243,151,34)
```
#fc9919
```
#fc9919 rgb(252,153,25)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#a69a8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a353 Protanopia 1% of men
#c89c4e Deuteranopia 1% of men
#d7909a Tritanopia 0.001% of the population

Trichromacy

#be9d4e Protanomaly 1% of men, 0.01% of women
#cb994b Deuteranomaly 6% of men, 0.4% of women
#d4917b Tritanomaly 0.01% of the population

#cf9346 hex color

#cf9346 Color Information

#cf9346 Color Conversion

Color Schemes with #cf9346

Alternatives to #cf9346

#cf9346 Preview

Shades and Tints of #cf9346

Tones of #cf9346

Color Blindness Simulator