#cf7316 hex color

In a RGB color space, hex #cf7316 is composed of 81.2% red, 45.1% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.4% magenta, 89.4% yellow and 18.8% black. It has a hue angle of 30.2 degrees, a saturation of 80.8% and a lightness of 44.9%. #cf7316 color hex could be obtained by blending #ffe62c with #9f0000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 81
- G 45
- B 9
RGB color chart
- C 0
- M 44
- Y 89
- K 19
CMYK color chart

● #cf7316 color description : Strong orange.

The hexadecimal color #cf7316 has RGB values of R:207, G:115, B:22 and CMYK values of C:0, M:0.44, Y:0.89, K:0.19. Its decimal value is 13595414.

Hex triplet	cf7316	`#cf7316`
RGB Decimal	207, 115, 22	`rgb(207,115,22)`
RGB Percent	81.2, 45.1, 8.6	`rgb(81.2%,45.1%,8.6%)`
CMYK	0, 44, 89, 19
HSL	30.2°, 80.8, 44.9	`hsl(30.2,80.8%,44.9%)`
HSV (or HSB)	30.2°, 89.4, 81.2
Web Safe	cc6600	`#cc6600`

CIE-LAB	57.643, 30.439, 60.418
XYZ	32.009, 25.588, 4.012
xyY	0.52, 0.415, 25.588
CIE-LCH	57.643, 67.652, 63.261
CIE-LUV	57.643, 75.99, 52.378
Hunter-Lab	50.584, 24.43, 30.706
Binary	11001111, 01110011, 00010110

#cf7316
```
#cf7316 rgb(207,115,22)
```
#1672cf
```
#1672cf rgb(22,114,207)
```

Complementary Color

#cf1716
```
#cf1716 rgb(207,23,22)
```
#cf7316
```
#cf7316 rgb(207,115,22)
```
#cfcf16
```
#cfcf16 rgb(207,207,22)
```

Analogous Color

#1716cf
```
#1716cf rgb(23,22,207)
```
#cf7316
```
#cf7316 rgb(207,115,22)
```
#16cfcf
```
#16cfcf rgb(22,207,207)
```

Split Complementary Color

#7316cf
```
#7316cf rgb(115,22,207)
```
#cf7316
```
#cf7316 rgb(207,115,22)
```
#16cf73
```
#16cf73 rgb(22,207,115)
```

Triadic Color

#cf1672
```
#cf1672 rgb(207,22,114)
```
#cf7316
```
#cf7316 rgb(207,115,22)
```
#16cf73
```
#16cf73 rgb(22,207,115)
```
#1672cf
```
#1672cf rgb(22,114,207)
```

Tetradic Color

#8a4d0f
```
#8a4d0f rgb(138,77,15)
```
#a15911
```
#a15911 rgb(161,89,17)
```
#b86614
```
#b86614 rgb(184,102,20)
```
#cf7316
```
#cf7316 rgb(207,115,22)
```
#e68018
```
#e68018 rgb(230,128,24)
```
#e98d2f
```
#e98d2f rgb(233,141,47)
```
#eb9946
```
#eb9946 rgb(235,153,70)
```

Monochromatic Color

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

#cf4516
```
#cf4516 rgb(207,69,22)
```
#cf5416
```
#cf5416 rgb(207,84,22)
```
#cf6416
```
#cf6416 rgb(207,100,22)
```
#cf7316
```
#cf7316 rgb(207,115,22)
```
#cf8216
```
#cf8216 rgb(207,130,22)
```
#cf9216
```
#cf9216 rgb(207,146,22)
```
#cfa116
```
#cfa116 rgb(207,161,22)
```

Similar Colors

Text with hexadecimal color #cf7316

This text has a font color of #cf7316.

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

#cf7316 background color

This paragraph has a background color of #cf7316.

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

#cf7316 border color

This element has a border color of #cf7316.

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

CSS codes

.text {color:#cf7316;}

.background {background-color:#cf7316;}

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

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

#0c0701
```
#0c0701 rgb(12,7,1)
```
#1e1003
```
#1e1003 rgb(30,16,3)
```
#2f1a05
```
#2f1a05 rgb(47,26,5)
```
#412407
```
#412407 rgb(65,36,7)
```
#532e09
```
#532e09 rgb(83,46,9)
```
#65380b
```
#65380b rgb(101,56,11)
```
#76420d
```
#76420d rgb(118,66,13)
```
#884c0e
```
#884c0e rgb(136,76,14)
```
#9a5510
```
#9a5510 rgb(154,85,16)
```
#ac5f12
```
#ac5f12 rgb(172,95,18)
```
#bd6914
```
#bd6914 rgb(189,105,20)
```
#cf7316
```
#cf7316 rgb(207,115,22)
```
#e17d18
```
#e17d18 rgb(225,125,24)
```

Shade Color Variation

#e88724
```
#e88724 rgb(232,135,36)
```
#ea9036
```
#ea9036 rgb(234,144,54)
```
#ec9a48
```
#ec9a48 rgb(236,154,72)
```
#eda45a
```
#eda45a rgb(237,164,90)
```
#efae6b
```
#efae6b rgb(239,174,107)
```
#f1b77d
```
#f1b77d rgb(241,183,125)
```
#f3c18f
```
#f3c18f rgb(243,193,143)
```
#f5cba1
```
#f5cba1 rgb(245,203,161)
```
#f7d5b2
```
#f7d5b2 rgb(247,213,178)
```
#f9dfc4
```
#f9dfc4 rgb(249,223,196)
```
#fbe8d6
```
#fbe8d6 rgb(251,232,214)
```
#fdf2e7
```
#fdf2e7 rgb(253,242,231)
```
#fefcf9
```
#fefcf9 rgb(254,252,249)
```

Tint Color Variation

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

#77736e
```
#77736e rgb(119,115,110)
```
#807365
```
#807365 rgb(128,115,101)
```
#89735c
```
#89735c rgb(137,115,92)
```
#917354
```
#917354 rgb(145,115,84)
```
#9a734b
```
#9a734b rgb(154,115,75)
```
#a37342
```
#a37342 rgb(163,115,66)
```
#ac7339
```
#ac7339 rgb(172,115,57)
```
#b57330
```
#b57330 rgb(181,115,48)
```
#bd7328
```
#bd7328 rgb(189,115,40)
```
#c6731f
```
#c6731f rgb(198,115,31)
```
#cf7316
```
#cf7316 rgb(207,115,22)
```
#d8730d
```
#d8730d rgb(216,115,13)
```
#e17304
```
#e17304 rgb(225,115,4)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#93816e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19028 Protanopia 1% of men
#b48915 Deuteranopia 1% of men
#d57279 Tritanopia 0.001% of the population

Trichromacy

#b28521 Protanomaly 1% of men, 0.01% of women
#be8115 Deuteranomaly 6% of men, 0.4% of women
#d37255 Tritanomaly 0.01% of the population

#cf7316 hex color

#cf7316 Color Information

#cf7316 Color Conversion

Color Schemes with #cf7316

Alternatives to #cf7316

#cf7316 Preview

Shades and Tints of #cf7316

Tones of #cf7316

Color Blindness Simulator