colorhexa.com

#cf7342 hex color

In a RGB color space, hex #cf7342 is composed of 81.2% red, 45.1% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.4% magenta, 68.1% yellow and 18.8% black. It has a hue angle of 20.9 degrees, a saturation of 59.5% and a lightness of 53.5%. #cf7342 color hex could be obtained by blending #ffe684 with #9f0000. Closest websafe color is: #cc6633.

- R 81
- G 45
- B 26
RGB color chart
- C 0
- M 44
- Y 68
- K 19
CMYK color chart

● #cf7342 color description : Moderate orange.

The hexadecimal color #cf7342 has RGB values of R:207, G:115, B:66 and CMYK values of C:0, M:0.44, Y:0.68, K:0.19. Its decimal value is 13595458.

Hex triplet	cf7342	`#cf7342`
RGB Decimal	207, 115, 66	`rgb(207,115,66)`
RGB Percent	81.2, 45.1, 25.9	`rgb(81.2%,45.1%,25.9%)`
CMYK	0, 44, 68, 19
HSL	20.9°, 59.5, 53.5	`hsl(20.9,59.5%,53.5%)`
HSV (or HSB)	20.9°, 68.1, 81.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	57.964, 32.069, 42.29
XYZ	32.847, 25.923, 8.428
xyY	0.489, 0.386, 25.923
CIE-LCH	57.964, 53.074, 52.826
CIE-LUV	57.964, 72.423, 40.413
Hunter-Lab	50.915, 26.058, 25.826
Binary	11001111, 01110011, 01000010

#cf7342
```
#cf7342 rgb(207,115,66)
```
#429ecf
```
#429ecf rgb(66,158,207)
```

Complementary Color

#cf4258
```
#cf4258 rgb(207,66,88)
```
#cf7342
```
#cf7342 rgb(207,115,66)
```
#cfba42
```
#cfba42 rgb(207,186,66)
```

Analogous Color

#4258cf
```
#4258cf rgb(66,88,207)
```
#cf7342
```
#cf7342 rgb(207,115,66)
```
#42cfba
```
#42cfba rgb(66,207,186)
```

Split Complementary Color

#7342cf
```
#7342cf rgb(115,66,207)
```
#cf7342
```
#cf7342 rgb(207,115,66)
```
#42cf73
```
#42cf73 rgb(66,207,115)
```

Triadic Color

#cf429e
```
#cf429e rgb(207,66,158)
```
#cf7342
```
#cf7342 rgb(207,115,66)
```
#42cf73
```
#42cf73 rgb(66,207,115)
```
#429ecf
```
#429ecf rgb(66,158,207)
```

Tetradic Color

#9d5028
```
#9d5028 rgb(157,80,40)
```
#b15b2d
```
#b15b2d rgb(177,91,45)
```
#c56532
```
#c56532 rgb(197,101,50)
```
#cf7342
```
#cf7342 rgb(207,115,66)
```
#d48256
```
#d48256 rgb(212,130,86)
```
#d9916b
```
#d9916b rgb(217,145,107)
```
#dea07f
```
#dea07f rgb(222,160,127)
```

Monochromatic Color

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

#cf5042
```
#cf5042 rgb(207,80,66)
```
#cf5b42
```
#cf5b42 rgb(207,91,66)
```
#cf6742
```
#cf6742 rgb(207,103,66)
```
#cf7342
```
#cf7342 rgb(207,115,66)
```
#cf7f42
```
#cf7f42 rgb(207,127,66)
```
#cf8b42
```
#cf8b42 rgb(207,139,66)
```
#cf9642
```
#cf9642 rgb(207,150,66)
```

Similar Colors

Text with hexadecimal color #cf7342

This text has a font color of #cf7342.

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

#cf7342 background color

This paragraph has a background color of #cf7342.

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

#cf7342 border color

This element has a border color of #cf7342.

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

CSS codes

.text {color:#cf7342;}

.background {background-color:#cf7342;}

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

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, #0e0704 is the darkest color, while #fffefe is the lightest one.

#0e0704
```
#0e0704 rgb(14,7,4)
```
#1e0f08
```
#1e0f08 rgb(30,15,8)
```
#2e170c
```
#2e170c rgb(46,23,12)
```
#3d1f10
```
#3d1f10 rgb(61,31,16)
```
#4d2714
```
#4d2714 rgb(77,39,20)
```
#5d3018
```
#5d3018 rgb(93,48,24)
```
#6c381b
```
#6c381b rgb(108,56,27)
```
#7c401f
```
#7c401f rgb(124,64,31)
```
#8b4823
```
#8b4823 rgb(139,72,35)
```
#9b5027
```
#9b5027 rgb(155,80,39)
```
#ab582b
```
#ab582b rgb(171,88,43)
```
#ba602f
```
#ba602f rgb(186,96,47)
```
#ca6833
```
#ca6833 rgb(202,104,51)
```

Shade Color Variation

#cf7342
```
#cf7342 rgb(207,115,66)
```
#d37f52
```
#d37f52 rgb(211,127,82)
```
#d78a61
```
#d78a61 rgb(215,138,97)
```
#db9671
```
#db9671 rgb(219,150,113)
```
#dfa181
```
#dfa181 rgb(223,161,129)
```
#e3ad90
```
#e3ad90 rgb(227,173,144)
```
#e7b9a0
```
#e7b9a0 rgb(231,185,160)
```
#ebc4af
```
#ebc4af rgb(235,196,175)
```
#efd0bf
```
#efd0bf rgb(239,208,191)
```
#f3dbcf
```
#f3dbcf rgb(243,219,207)
```
#f7e7de
```
#f7e7de rgb(247,231,222)
```
#fbf2ee
```
#fbf2ee rgb(251,242,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#8f8682
```
#8f8682 rgb(143,134,130)
```
#988479
```
#988479 rgb(152,132,121)
```
#a18170
```
#a18170 rgb(161,129,112)
```
#ab7e66
```
#ab7e66 rgb(171,126,102)
```
#b47b5d
```
#b47b5d rgb(180,123,93)
```
#bd7954
```
#bd7954 rgb(189,121,84)
```
#c6764b
```
#c6764b rgb(198,118,75)
```
#cf7342
```
#cf7342 rgb(207,115,66)
```
#d87039
```
#d87039 rgb(216,112,57)
```
#e16d30
```
#e16d30 rgb(225,109,48)
```
#ea6b27
```
#ea6b27 rgb(234,107,39)
```
#f3681e
```
#f3681e rgb(243,104,30)
```
#fd6514
```
#fd6514 rgb(253,101,20)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#97857b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9153 Protanopia 1% of men
#b28a46 Deuteranopia 1% of men
#d4747c Tritanopia 0.001% of the population

Trichromacy

#b0864c Protanomaly 1% of men, 0.01% of women
#bc8245 Deuteranomaly 6% of men, 0.4% of women
#d27366 Tritanomaly 0.01% of the population