colorhexa.com

#c04318 hex color

In a RGB color space, hex #c04318 is composed of 75.3% red, 26.3% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.1% magenta, 87.5% yellow and 24.7% black. It has a hue angle of 15.4 degrees, a saturation of 77.8% and a lightness of 42.4%. #c04318 color hex could be obtained by blending #ff8630 with #810000. Closest websafe color is: #cc3300.

- R 75
- G 26
- B 9
RGB color chart
- C 0
- M 65
- Y 88
- K 25
CMYK color chart

● #c04318 color description : Strong orange.

The hexadecimal color #c04318 has RGB values of R:192, G:67, B:24 and CMYK values of C:0, M:0.65, Y:0.88, K:0.25. Its decimal value is 12600088.

Hex triplet	c04318	`#c04318`
RGB Decimal	192, 67, 24	`rgb(192,67,24)`
RGB Percent	75.3, 26.3, 9.4	`rgb(75.3%,26.3%,9.4%)`
CMYK	0, 65, 88, 25
HSL	15.4°, 77.8, 42.4	`hsl(15.4,77.8%,42.4%)`
HSV (or HSB)	15.4°, 87.5, 75.3
Web Safe	cc3300	`#cc3300`

CIE-LAB	46.028, 48.278, 49.678
XYZ	23.911, 15.289, 2.556
xyY	0.573, 0.366, 15.289
CIE-LCH	46.028, 69.272, 45.819
CIE-LUV	46.028, 100.961, 35.33
Hunter-Lab	39.102, 40.728, 23.495
Binary	11000000, 01000011, 00011000

#c04318
```
#c04318 rgb(192,67,24)
```
#1895c0
```
#1895c0 rgb(24,149,192)
```

Complementary Color

#c01841
```
#c01841 rgb(192,24,65)
```
#c04318
```
#c04318 rgb(192,67,24)
```
#c09718
```
#c09718 rgb(192,151,24)
```

Analogous Color

#1841c0
```
#1841c0 rgb(24,65,192)
```
#c04318
```
#c04318 rgb(192,67,24)
```
#18c097
```
#18c097 rgb(24,192,151)
```

Split Complementary Color

#4318c0
```
#4318c0 rgb(67,24,192)
```
#c04318
```
#c04318 rgb(192,67,24)
```
#18c043
```
#18c043 rgb(24,192,67)
```

Triadic Color

#c01895
```
#c01895 rgb(192,24,149)
```
#c04318
```
#c04318 rgb(192,67,24)
```
#18c043
```
#18c043 rgb(24,192,67)
```
#1895c0
```
#1895c0 rgb(24,149,192)
```

Tetradic Color

#7c2b10
```
#7c2b10 rgb(124,43,16)
```
#933312
```
#933312 rgb(147,51,18)
```
#a93b15
```
#a93b15 rgb(169,59,21)
```
#c04318
```
#c04318 rgb(192,67,24)
```
#d74b1b
```
#d74b1b rgb(215,75,27)
```
#e45727
```
#e45727 rgb(228,87,39)
```
#e7693e
```
#e7693e rgb(231,105,62)
```

Monochromatic Color

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

#c01918
```
#c01918 rgb(192,25,24)
```
#c02718
```
#c02718 rgb(192,39,24)
```
#c03518
```
#c03518 rgb(192,53,24)
```
#c04318
```
#c04318 rgb(192,67,24)
```
#c05118
```
#c05118 rgb(192,81,24)
```
#c05f18
```
#c05f18 rgb(192,95,24)
```
#c06d18
```
#c06d18 rgb(192,109,24)
```

Similar Colors

Text with hexadecimal color #c04318

This text has a font color of #c04318.

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

#c04318 background color

This paragraph has a background color of #c04318.

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

#c04318 border color

This element has a border color of #c04318.

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

CSS codes

.text {color:#c04318;}

.background {background-color:#c04318;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#120602
```
#120602 rgb(18,6,2)
```
#230c04
```
#230c04 rgb(35,12,4)
```
#351207
```
#351207 rgb(53,18,7)
```
#461809
```
#461809 rgb(70,24,9)
```
#571e0b
```
#571e0b rgb(87,30,11)
```
#69250d
```
#69250d rgb(105,37,13)
```
#7a2b0f
```
#7a2b0f rgb(122,43,15)
```
#8c3111
```
#8c3111 rgb(140,49,17)
```
#9d3714
```
#9d3714 rgb(157,55,20)
```
#af3d16
```
#af3d16 rgb(175,61,22)
```
#c04318
```
#c04318 rgb(192,67,24)
```
#d1491a
```
#d1491a rgb(209,73,26)
```

Shade Color Variation

#e34f1d
```
#e34f1d rgb(227,79,29)
```
#e55d2e
```
#e55d2e rgb(229,93,46)
```
#e76a3f
```
#e76a3f rgb(231,106,63)
```
#e97851
```
#e97851 rgb(233,120,81)
```
#eb8562
```
#eb8562 rgb(235,133,98)
```
#ee9374
```
#ee9374 rgb(238,147,116)
```
#f0a085
```
#f0a085 rgb(240,160,133)
```
#f2ae97
```
#f2ae97 rgb(242,174,151)
```
#f4bca8
```
#f4bca8 rgb(244,188,168)
```
#f6c9b9
```
#f6c9b9 rgb(246,201,185)
```
#f8d7cb
```
#f8d7cb rgb(248,215,203)
```
#fbe4dc
```
#fbe4dc rgb(251,228,220)
```
#fdf2ee
```
#fdf2ee rgb(253,242,238)
```

Tint Color Variation

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

#6d6c6b
```
#6d6c6b rgb(109,108,107)
```
#756763
```
#756763 rgb(117,103,99)
```
#7e635a
```
#7e635a rgb(126,99,90)
```
#865f52
```
#865f52 rgb(134,95,82)
```
#8e5b4a
```
#8e5b4a rgb(142,91,74)
```
#965742
```
#965742 rgb(150,87,66)
```
#9f5339
```
#9f5339 rgb(159,83,57)
```
#a74f31
```
#a74f31 rgb(167,79,49)
```
#af4b29
```
#af4b29 rgb(175,75,41)
```
#b84720
```
#b84720 rgb(184,71,32)
```
#c04318
```
#c04318 rgb(192,67,24)
```
#c83f10
```
#c83f10 rgb(200,63,16)
```
#d13b07
```
#d13b07 rgb(209,59,7)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#765d54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#81742d Protanopia 1% of men
#916f11 Deuteranopia 1% of men
#c4484c Tritanopia 0.001% of the population

Trichromacy

#986225 Protanomaly 1% of men, 0.01% of women
#a25f14 Deuteranomaly 6% of men, 0.4% of women
#c24639 Tritanomaly 0.01% of the population