#c45f3d hex color

In a RGB color space, hex #c45f3d is composed of 76.9% red, 37.3% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.5% magenta, 68.9% yellow and 23.1% black. It has a hue angle of 15.1 degrees, a saturation of 53.4% and a lightness of 50.4%. #c45f3d color hex could be obtained by blending #ffbe7a with #890000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 77
- G 37
- B 24
RGB color chart
- C 0
- M 52
- Y 69
- K 23
CMYK color chart

● #c45f3d color description : Moderate orange.

The hexadecimal color #c45f3d has RGB values of R:196, G:95, B:61 and CMYK values of C:0, M:0.52, Y:0.69, K:0.23. Its decimal value is 12869437.

Hex triplet	c45f3d	`#c45f3d`
RGB Decimal	196, 95, 61	`rgb(196,95,61)`
RGB Percent	76.9, 37.3, 23.9	`rgb(76.9%,37.3%,23.9%)`
CMYK	0, 52, 69, 23
HSL	15.1°, 53.4, 50.4	`hsl(15.1,53.4%,50.4%)`
HSV (or HSB)	15.1°, 68.9, 76.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.13, 37.84, 37.857
XYZ	27.7, 20.26, 6.866
xyY	0.505, 0.37, 20.26
CIE-LCH	52.13, 53.526, 45.013
CIE-LUV	52.13, 79.129, 33.464
Hunter-Lab	45.011, 31.083, 22.463
Binary	11000100, 01011111, 00111101

#c45f3d
```
#c45f3d rgb(196,95,61)
```
#3da2c4
```
#3da2c4 rgb(61,162,196)
```

Complementary Color

#c43d5e
```
#c43d5e rgb(196,61,94)
```
#c45f3d
```
#c45f3d rgb(196,95,61)
```
#c4a33d
```
#c4a33d rgb(196,163,61)
```

Analogous Color

#3d5ec4
```
#3d5ec4 rgb(61,94,196)
```
#c45f3d
```
#c45f3d rgb(196,95,61)
```
#3dc4a3
```
#3dc4a3 rgb(61,196,163)
```

Split Complementary Color

#5f3dc4
```
#5f3dc4 rgb(95,61,196)
```
#c45f3d
```
#c45f3d rgb(196,95,61)
```
#3dc45f
```
#3dc45f rgb(61,196,95)
```

Triadic Color

#c43da2
```
#c43da2 rgb(196,61,162)
```
#c45f3d
```
#c45f3d rgb(196,95,61)
```
#3dc45f
```
#3dc45f rgb(61,196,95)
```
#3da2c4
```
#3da2c4 rgb(61,162,196)
```

Tetradic Color

#8a422a
```
#8a422a rgb(138,66,42)
```
#9e4c30
```
#9e4c30 rgb(158,76,48)
```
#b25536
```
#b25536 rgb(178,85,54)
```
#c45f3d
```
#c45f3d rgb(196,95,61)
```
#ca6f51
```
#ca6f51 rgb(202,111,81)
```
#d07f64
```
#d07f64 rgb(208,127,100)
```
#d68f78
```
#d68f78 rgb(214,143,120)
```

Monochromatic Color

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

#c43d3d
```
#c43d3d rgb(196,61,61)
```
#c4493d
```
#c4493d rgb(196,73,61)
```
#c4543d
```
#c4543d rgb(196,84,61)
```
#c45f3d
```
#c45f3d rgb(196,95,61)
```
#c46a3d
```
#c46a3d rgb(196,106,61)
```
#c4763d
```
#c4763d rgb(196,118,61)
```
#c4813d
```
#c4813d rgb(196,129,61)
```

Similar Colors

Text with hexadecimal color #c45f3d

This text has a font color of #c45f3d.

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

#c45f3d background color

This paragraph has a background color of #c45f3d.

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

#c45f3d border color

This element has a border color of #c45f3d.

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

CSS codes

.text {color:#c45f3d;}

.background {background-color:#c45f3d;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#110805
```
#110805 rgb(17,8,5)
```
#200f0a
```
#200f0a rgb(32,15,10)
```
#2f160e
```
#2f160e rgb(47,22,14)
```
#3e1e13
```
#3e1e13 rgb(62,30,19)
```
#4d2517
```
#4d2517 rgb(77,37,23)
```
#5c2c1c
```
#5c2c1c rgb(92,44,28)
```
#6b3320
```
#6b3320 rgb(107,51,32)
```
#7a3a25
```
#7a3a25 rgb(122,58,37)
```
#89422a
```
#89422a rgb(137,66,42)
```
#98492e
```
#98492e rgb(152,73,46)
```
#a75033
```
#a75033 rgb(167,80,51)
```
#b65737
```
#b65737 rgb(182,87,55)
```

Shade Color Variation

#c45f3d
```
#c45f3d rgb(196,95,61)
```
#c96b4c
```
#c96b4c rgb(201,107,76)
```
#cd785b
```
#cd785b rgb(205,120,91)
```
#d2846a
```
#d2846a rgb(210,132,106)
```
#d69179
```
#d69179 rgb(214,145,121)
```
#db9d88
```
#db9d88 rgb(219,157,136)
```
#dfa997
```
#dfa997 rgb(223,169,151)
```
#e4b6a6
```
#e4b6a6 rgb(228,182,166)
```
#e9c2b5
```
#e9c2b5 rgb(233,194,181)
```
#edcfc4
```
#edcfc4 rgb(237,207,196)
```
#f2dbd3
```
#f2dbd3 rgb(242,219,211)
```
#f6e7e2
```
#f6e7e2 rgb(246,231,226)
```
#fbf4f1
```
#fbf4f1 rgb(251,244,241)
```

Tint Color Variation

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

#8a7c77
```
#8a7c77 rgb(138,124,119)
```
#93776e
```
#93776e rgb(147,119,110)
```
#9d7264
```
#9d7264 rgb(157,114,100)
```
#a76d5a
```
#a76d5a rgb(167,109,90)
```
#b16950
```
#b16950 rgb(177,105,80)
```
#ba6447
```
#ba6447 rgb(186,100,71)
```
#c45f3d
```
#c45f3d rgb(196,95,61)
```
#ce5a33
```
#ce5a33 rgb(206,90,51)
```
#d7552a
```
#d7552a rgb(215,85,42)
```
#e15120
```
#e15120 rgb(225,81,32)
```
#eb4c16
```
#eb4c16 rgb(235,76,22)
```
#f5470c
```
#f5470c rgb(245,71,12)
```
#fe4203
```
#fe4203 rgb(254,66,3)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#88746d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8350 Protanopia 1% of men
#a07d41 Deuteranopia 1% of men
#c86369 Tritanopia 0.001% of the population

Trichromacy

#a27549 Protanomaly 1% of men, 0.01% of women
#ad723f Deuteranomaly 6% of men, 0.4% of women
#c76159 Tritanomaly 0.01% of the population

#c45f3d hex color

#c45f3d Color Information

#c45f3d Color Conversion

Color Schemes with #c45f3d

Alternatives to #c45f3d

#c45f3d Preview

Shades and Tints of #c45f3d

Tones of #c45f3d

Color Blindness Simulator