colorhexa.com

#c4500a hex color

In a RGB color space, hex #c4500a is composed of 76.9% red, 31.4% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.2% magenta, 94.9% yellow and 23.1% black. It has a hue angle of 22.6 degrees, a saturation of 90.3% and a lightness of 40.4%. #c4500a color hex could be obtained by blending #ffa014 with #890000. Closest websafe color is: #cc6600.

- R 77
- G 31
- B 4
RGB color chart
- C 0
- M 59
- Y 95
- K 23
CMYK color chart

● #c4500a color description : Strong orange.

The hexadecimal color #c4500a has RGB values of R:196, G:80, B:10 and CMYK values of C:0, M:0.59, Y:0.95, K:0.23. Its decimal value is 12865546.

Hex triplet	c4500a	`#c4500a`
RGB Decimal	196, 80, 10	`rgb(196,80,10)`
RGB Percent	76.9, 31.4, 3.9	`rgb(76.9%,31.4%,3.9%)`
CMYK	0, 59, 95, 23
HSL	22.6°, 90.3, 40.4	`hsl(22.6,90.3%,40.4%)`
HSV (or HSB)	22.6°, 94.9, 76.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	48.881, 43.618, 56.483
XYZ	25.69, 17.498, 2.312
xyY	0.565, 0.385, 17.498
CIE-LCH	48.881, 71.364, 52.324
CIE-LUV	48.881, 95.563, 41.513
Hunter-Lab	41.83, 36.42, 26.004
Binary	11000100, 01010000, 00001010

#c4500a
```
#c4500a rgb(196,80,10)
```
#0a7ec4
```
#0a7ec4 rgb(10,126,196)
```

Complementary Color

#c40a21
```
#c40a21 rgb(196,10,33)
```
#c4500a
```
#c4500a rgb(196,80,10)
```
#c4ad0a
```
#c4ad0a rgb(196,173,10)
```

Analogous Color

#0a21c4
```
#0a21c4 rgb(10,33,196)
```
#c4500a
```
#c4500a rgb(196,80,10)
```
#0ac4ad
```
#0ac4ad rgb(10,196,173)
```

Split Complementary Color

#500ac4
```
#500ac4 rgb(80,10,196)
```
#c4500a
```
#c4500a rgb(196,80,10)
```
#0ac450
```
#0ac450 rgb(10,196,80)
```

Triadic Color

#c40a7e
```
#c40a7e rgb(196,10,126)
```
#c4500a
```
#c4500a rgb(196,80,10)
```
#0ac450
```
#0ac450 rgb(10,196,80)
```
#0a7ec4
```
#0a7ec4 rgb(10,126,196)
```

Tetradic Color

#7b3206
```
#7b3206 rgb(123,50,6)
```
#933c08
```
#933c08 rgb(147,60,8)
```
#ac4609
```
#ac4609 rgb(172,70,9)
```
#c4500a
```
#c4500a rgb(196,80,10)
```
#dc5a0b
```
#dc5a0b rgb(220,90,11)
```
#f3640e
```
#f3640e rgb(243,100,14)
```
#f47427
```
#f47427 rgb(244,116,39)
```

Monochromatic Color

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

#c4220a
```
#c4220a rgb(196,34,10)
```
#c4310a
```
#c4310a rgb(196,49,10)
```
#c4410a
```
#c4410a rgb(196,65,10)
```
#c4500a
```
#c4500a rgb(196,80,10)
```
#c4600a
```
#c4600a rgb(196,96,10)
```
#c46f0a
```
#c46f0a rgb(196,111,10)
```
#c47f0a
```
#c47f0a rgb(196,127,10)
```

Similar Colors

Text with hexadecimal color #c4500a

This text has a font color of #c4500a.

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

#c4500a background color

This paragraph has a background color of #c4500a.

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

#c4500a border color

This element has a border color of #c4500a.

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

CSS codes

.text {color:#c4500a;}

.background {background-color:#c4500a;}

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

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

#090400
```
#090400 rgb(9,4,0)
```
#1c0b01
```
#1c0b01 rgb(28,11,1)
```
#2f1302
```
#2f1302 rgb(47,19,2)
```
#411b03
```
#411b03 rgb(65,27,3)
```
#542204
```
#542204 rgb(84,34,4)
```
#672a05
```
#672a05 rgb(103,42,5)
```
#793206
```
#793206 rgb(121,50,6)
```
#8c3907
```
#8c3907 rgb(140,57,7)
```
#9f4108
```
#9f4108 rgb(159,65,8)
```
#b14809
```
#b14809 rgb(177,72,9)
```
#c4500a
```
#c4500a rgb(196,80,10)
```
#d7580b
```
#d7580b rgb(215,88,11)
```
#e95f0c
```
#e95f0c rgb(233,95,12)
```

Shade Color Variation

#f36916
```
#f36916 rgb(243,105,22)
```
#f47528
```
#f47528 rgb(244,117,40)
```
#f5813b
```
#f5813b rgb(245,129,59)
```
#f68d4e
```
#f68d4e rgb(246,141,78)
```
#f79960
```
#f79960 rgb(247,153,96)
```
#f8a573
```
#f8a573 rgb(248,165,115)
```
#f9b186
```
#f9b186 rgb(249,177,134)
```
#fabd98
```
#fabd98 rgb(250,189,152)
```
#fbc9ab
```
#fbc9ab rgb(251,201,171)
```
#fcd5be
```
#fcd5be rgb(252,213,190)
```
#fde1d0
```
#fde1d0 rgb(253,225,208)
```
#feede3
```
#feede3 rgb(254,237,227)
```
#fff9f6
```
#fff9f6 rgb(255,249,246)
```

Tint Color Variation

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

#6d6661
```
#6d6661 rgb(109,102,97)
```
#756459
```
#756459 rgb(117,100,89)
```
#7d6251
```
#7d6251 rgb(125,98,81)
```
#856049
```
#856049 rgb(133,96,73)
```
#8d5e41
```
#8d5e41 rgb(141,94,65)
```
#945c3a
```
#945c3a rgb(148,92,58)
```
#9c5a32
```
#9c5a32 rgb(156,90,50)
```
#a4582a
```
#a4582a rgb(164,88,42)
```
#ac5622
```
#ac5622 rgb(172,86,34)
```
#b4541a
```
#b4541a rgb(180,84,26)
```
#bc5212
```
#bc5212 rgb(188,82,18)
```
#c4500a
```
#c4500a rgb(196,80,10)
```
#cc4e02
```
#cc4e02 rgb(204,78,2)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#7d6658 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a7b1f Protanopia 1% of men
#9a7500 Deuteranopia 1% of men
#c95358 Tritanopia 0.001% of the population

Trichromacy

#9f6b17 Protanomaly 1% of men, 0.01% of women
#a96703 Deuteranomaly 6% of men, 0.4% of women
#c7523b Tritanomaly 0.01% of the population