colorhexa.com

#c45400 hex color

In a RGB color space, hex #c45400 is composed of 76.9% red, 32.9% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.1% magenta, 100% yellow and 23.1% black. It has a hue angle of 25.7 degrees, a saturation of 100% and a lightness of 38.4%. #c45400 color hex could be obtained by blending #ffa800 with #890000. Closest websafe color is: #cc6600.

- R 77
- G 33
- B 0
RGB color chart
- C 0
- M 57
- Y 100
- K 23
CMYK color chart

● #c45400 color description : Strong orange.

The hexadecimal color #c45400 has RGB values of R:196, G:84, B:0 and CMYK values of C:0, M:0.57, Y:1, K:0.23. Its decimal value is 12866560.

Hex triplet	c45400	`#c45400`
RGB Decimal	196, 84, 0	`rgb(196,84,0)`
RGB Percent	76.9, 32.9, 0	`rgb(76.9%,32.9%,0%)`
CMYK	0, 57, 100, 23
HSL	25.7°, 100, 38.4	`hsl(25.7,100%,38.4%)`
HSV (or HSB)	25.7°, 100, 76.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	49.592, 41.586, 59.252
XYZ	25.936, 18.079, 2.124
xyY	0.562, 0.392, 18.079
CIE-LCH	49.592, 72.389, 54.937
CIE-LUV	49.592, 92.834, 43.705
Hunter-Lab	42.52, 34.474, 26.802
Binary	11000100, 01010100, 00000000

#c45400
```
#c45400 rgb(196,84,0)
```
#0070c4
```
#0070c4 rgb(0,112,196)
```

Complementary Color

#c4000e
```
#c4000e rgb(196,0,14)
```
#c45400
```
#c45400 rgb(196,84,0)
```
#c4b600
```
#c4b600 rgb(196,182,0)
```

Analogous Color

#000ec4
```
#000ec4 rgb(0,14,196)
```
#c45400
```
#c45400 rgb(196,84,0)
```
#00c4b6
```
#00c4b6 rgb(0,196,182)
```

Split Complementary Color

#783300
```
#783300 rgb(120,51,0)
```
#913e00
```
#913e00 rgb(145,62,0)
```
#ab4900
```
#ab4900 rgb(171,73,0)
```
#c45400
```
#c45400 rgb(196,84,0)
```
#de5f00
```
#de5f00 rgb(222,95,0)
```
#f76a00
```
#f76a00 rgb(247,106,0)
```
#ff7712
```
#ff7712 rgb(255,119,18)
```

Monochromatic Color

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

#c42300
```
#c42300 rgb(196,35,0)
```
#c43300
```
#c43300 rgb(196,51,0)
```
#c44400
```
#c44400 rgb(196,68,0)
```
#c45400
```
#c45400 rgb(196,84,0)
```
#c46400
```
#c46400 rgb(196,100,0)
```
#c47500
```
#c47500 rgb(196,117,0)
```
#c48500
```
#c48500 rgb(196,133,0)
```

Similar Colors

Text with hexadecimal color #c45400

This text has a font color of #c45400.

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

#c45400 background color

This paragraph has a background color of #c45400.

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

#c45400 border color

This element has a border color of #c45400.

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

CSS codes

.text {color:#c45400;}

.background {background-color:#c45400;}

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

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

#130800
```
#130800 rgb(19,8,0)
```
#271100
```
#271100 rgb(39,17,0)
```
#3b1900
```
#3b1900 rgb(59,25,0)
```
#4e2200
```
#4e2200 rgb(78,34,0)
```
#622a00
```
#622a00 rgb(98,42,0)
```
#763200
```
#763200 rgb(118,50,0)
```
#893b00
```
#893b00 rgb(137,59,0)
```
#9d4300
```
#9d4300 rgb(157,67,0)
```
#b04c00
```
#b04c00 rgb(176,76,0)
```
#c45400
```
#c45400 rgb(196,84,0)
```
#d85c00
```
#d85c00 rgb(216,92,0)
```
#eb6500
```
#eb6500 rgb(235,101,0)
```
#ff6d00
```
#ff6d00 rgb(255,109,0)
```

Shade Color Variation

#ff7813
```
#ff7813 rgb(255,120,19)
```
#ff8427
```
#ff8427 rgb(255,132,39)
```
#ff8f3b
```
#ff8f3b rgb(255,143,59)
```
#ff9a4e
```
#ff9a4e rgb(255,154,78)
```
#ffa562
```
#ffa562 rgb(255,165,98)
```
#ffb076
```
#ffb076 rgb(255,176,118)
```
#ffbc89
```
#ffbc89 rgb(255,188,137)
```
#ffc79d
```
#ffc79d rgb(255,199,157)
```
#ffd2b0
```
#ffd2b0 rgb(255,210,176)
```
#ffddc4
```
#ffddc4 rgb(255,221,196)
```
#ffe8d8
```
#ffe8d8 rgb(255,232,216)
```
#fff4eb
```
#fff4eb rgb(255,244,235)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#6a615a
```
#6a615a rgb(106,97,90)
```
#716053
```
#716053 rgb(113,96,83)
```
#795f4b
```
#795f4b rgb(121,95,75)
```
#805e44
```
#805e44 rgb(128,94,68)
```
#885d3c
```
#885d3c rgb(136,93,60)
```
#8f5c35
```
#8f5c35 rgb(143,92,53)
```
#975a2d
```
#975a2d rgb(151,90,45)
```
#9e5926
```
#9e5926 rgb(158,89,38)
```
#a6581e
```
#a6581e rgb(166,88,30)
```
#ad5717
```
#ad5717 rgb(173,87,23)
```
#b5560f
```
#b5560f rgb(181,86,15)
```
#bc5508
```
#bc5508 rgb(188,85,8)
```
#c45400
```
#c45400 rgb(196,84,0)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#7e6756 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c7d15 Protanopia 1% of men
#9c7700 Deuteranopia 1% of men
#c9565b Tritanopia 0.001% of the population

Trichromacy

#a06e0d Protanomaly 1% of men, 0.01% of women
#aa6a00 Deuteranomaly 6% of men, 0.4% of women
#c7553a Tritanomaly 0.01% of the population