#c64316 hex color

In a RGB color space, hex #c64316 is composed of 77.6% red, 26.3% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.2% magenta, 88.9% yellow and 22.4% black. It has a hue angle of 15.3 degrees, a saturation of 80% and a lightness of 43.1%. #c64316 color hex could be obtained by blending #ff862c with #8d0000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 78
- G 26
- B 9
RGB color chart
- C 0
- M 66
- Y 89
- K 22
CMYK color chart

● #c64316 color description : Strong orange.

The hexadecimal color #c64316 has RGB values of R:198, G:67, B:22 and CMYK values of C:0, M:0.66, Y:0.89, K:0.22. Its decimal value is 12993302.

Hex triplet	c64316	`#c64316`
RGB Decimal	198, 67, 22	`rgb(198,67,22)`
RGB Percent	77.6, 26.3, 8.6	`rgb(77.6%,26.3%,8.6%)`
CMYK	0, 66, 89, 22
HSL	15.3°, 80, 43.1	`hsl(15.3,80%,43.1%)`
HSV (or HSB)	15.3°, 88.9, 77.6
Web Safe	cc3300	`#cc3300`

CIE-LAB	47.08, 50.337, 51.739
XYZ	25.442, 16.081, 2.523
xyY	0.578, 0.365, 16.081
CIE-LCH	47.08, 72.185, 45.787
CIE-LUV	47.08, 106.049, 36.377
Hunter-Lab	40.101, 43.072, 24.34
Binary	11000110, 01000011, 00010110

#c64316
```
#c64316 rgb(198,67,22)
```
#1699c6
```
#1699c6 rgb(22,153,198)
```

Complementary Color

#c61641
```
#c61641 rgb(198,22,65)
```
#c64316
```
#c64316 rgb(198,67,22)
```
#c69b16
```
#c69b16 rgb(198,155,22)
```

Analogous Color

#1641c6
```
#1641c6 rgb(22,65,198)
```
#c64316
```
#c64316 rgb(198,67,22)
```
#16c69b
```
#16c69b rgb(22,198,155)
```

Split Complementary Color

#4316c6
```
#4316c6 rgb(67,22,198)
```
#c64316
```
#c64316 rgb(198,67,22)
```
#16c643
```
#16c643 rgb(22,198,67)
```

Triadic Color

#c61699
```
#c61699 rgb(198,22,153)
```
#c64316
```
#c64316 rgb(198,67,22)
```
#16c643
```
#16c643 rgb(22,198,67)
```
#1699c6
```
#1699c6 rgb(22,153,198)
```

Tetradic Color

#812c0e
```
#812c0e rgb(129,44,14)
```
#983311
```
#983311 rgb(152,51,17)
```
#af3b13
```
#af3b13 rgb(175,59,19)
```
#c64316
```
#c64316 rgb(198,67,22)
```
#dd4b19
```
#dd4b19 rgb(221,75,25)
```
#e75928
```
#e75928 rgb(231,89,40)
```
#ea6b3f
```
#ea6b3f rgb(234,107,63)
```

Monochromatic Color

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

#c61716
```
#c61716 rgb(198,23,22)
```
#c62616
```
#c62616 rgb(198,38,22)
```
#c63416
```
#c63416 rgb(198,52,22)
```
#c64316
```
#c64316 rgb(198,67,22)
```
#c65216
```
#c65216 rgb(198,82,22)
```
#c66016
```
#c66016 rgb(198,96,22)
```
#c66f16
```
#c66f16 rgb(198,111,22)
```

Similar Colors

Text with hexadecimal color #c64316

This text has a font color of #c64316.

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

#c64316 background color

This paragraph has a background color of #c64316.

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

#c64316 border color

This element has a border color of #c64316.

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

CSS codes

.text {color:#c64316;}

.background {background-color:#c64316;}

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

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

#040100
```
#040100 rgb(4,1,0)
```
#150702
```
#150702 rgb(21,7,2)
```
#270d04
```
#270d04 rgb(39,13,4)
```
#391306
```
#391306 rgb(57,19,6)
```
#4a1908
```
#4a1908 rgb(74,25,8)
```
#5c1f0a
```
#5c1f0a rgb(92,31,10)
```
#6e250c
```
#6e250c rgb(110,37,12)
```
#7f2b0e
```
#7f2b0e rgb(127,43,14)
```
#913110
```
#913110 rgb(145,49,16)
```
#a33712
```
#a33712 rgb(163,55,18)
```
#b43d14
```
#b43d14 rgb(180,61,20)
```
#c64316
```
#c64316 rgb(198,67,22)
```
#d84918
```
#d84918 rgb(216,73,24)
```

Shade Color Variation

#e6511d
```
#e6511d rgb(230,81,29)
```
#e85e2f
```
#e85e2f rgb(232,94,47)
```
#ea6c41
```
#ea6c41 rgb(234,108,65)
```
#ec7a52
```
#ec7a52 rgb(236,122,82)
```
#ee8764
```
#ee8764 rgb(238,135,100)
```
#f09576
```
#f09576 rgb(240,149,118)
```
#f2a287
```
#f2a287 rgb(242,162,135)
```
#f4b099
```
#f4b099 rgb(244,176,153)
```
#f6beab
```
#f6beab rgb(246,190,171)
```
#f8cbbc
```
#f8cbbc rgb(248,203,188)
```
#fad9ce
```
#fad9ce rgb(250,217,206)
```
#fce7e0
```
#fce7e0 rgb(252,231,224)
```
#fdf4f1
```
#fdf4f1 rgb(253,244,241)
```

Tint Color Variation

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

#716c6b
```
#716c6b rgb(113,108,107)
```
#7a6862
```
#7a6862 rgb(122,104,98)
```
#82645a
```
#82645a rgb(130,100,90)
```
#8b6051
```
#8b6051 rgb(139,96,81)
```
#935c49
```
#935c49 rgb(147,92,73)
```
#9c5840
```
#9c5840 rgb(156,88,64)
```
#a45438
```
#a45438 rgb(164,84,56)
```
#ad4f2f
```
#ad4f2f rgb(173,79,47)
```
#b54b27
```
#b54b27 rgb(181,75,39)
```
#be471e
```
#be471e rgb(190,71,30)
```
#c64316
```
#c64316 rgb(198,67,22)
```
#ce3f0e
```
#ce3f0e rgb(206,63,14)
```
#d73b05
```
#d73b05 rgb(215,59,5)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#785e55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#84772c Protanopia 1% of men
#957105 Deuteranopia 1% of men
#ca484c Tritanopia 0.001% of the population

Trichromacy

#9c6424 Protanomaly 1% of men, 0.01% of women
#a6600b Deuteranomaly 6% of men, 0.4% of women
#c84638 Tritanomaly 0.01% of the population

#c64316 hex color

#c64316 Color Information

#c64316 Color Conversion

Color Schemes with #c64316

Alternatives to #c64316

#c64316 Preview

Shades and Tints of #c64316

Tones of #c64316

Color Blindness Simulator