colorhexa.com

#d45f3c hex color

In a RGB color space, hex #d45f3c is composed of 83.1% red, 37.3% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.2% magenta, 71.7% yellow and 16.9% black. It has a hue angle of 13.8 degrees, a saturation of 63.9% and a lightness of 53.3%. #d45f3c color hex could be obtained by blending #ffbe78 with #a90000. Closest websafe color is: #cc6633.

- R 83
- G 37
- B 24
RGB color chart
- C 0
- M 55
- Y 72
- K 17
CMYK color chart

● #d45f3c color description : Moderate red.

The hexadecimal color #d45f3c has RGB values of R:212, G:95, B:60 and CMYK values of C:0, M:0.55, Y:0.72, K:0.17. Its decimal value is 13918012.

Hex triplet	d45f3c	`#d45f3c`
RGB Decimal	212, 95, 60	`rgb(212,95,60)`
RGB Percent	83.1, 37.3, 23.5	`rgb(83.1%,37.3%,23.5%)`
CMYK	0, 55, 72, 17
HSL	13.8°, 63.9, 53.3	`hsl(13.8,63.9%,53.3%)`
HSV (or HSB)	13.8°, 71.7, 83.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.565, 43.895, 41.806
XYZ	32.06, 22.511, 6.931
xyY	0.521, 0.366, 22.511
CIE-LCH	54.565, 60.618, 43.603
CIE-LUV	54.565, 92.604, 35.791
Hunter-Lab	47.446, 37.588, 24.55
Binary	11010100, 01011111, 00111100

#d45f3c
```
#d45f3c rgb(212,95,60)
```
#3cb1d4
```
#3cb1d4 rgb(60,177,212)
```

Complementary Color

#d43c65
```
#d43c65 rgb(212,60,101)
```
#d45f3c
```
#d45f3c rgb(212,95,60)
```
#d4ab3c
```
#d4ab3c rgb(212,171,60)
```

Analogous Color

#3c65d4
```
#3c65d4 rgb(60,101,212)
```
#d45f3c
```
#d45f3c rgb(212,95,60)
```
#3cd4ab
```
#3cd4ab rgb(60,212,171)
```

Split Complementary Color

#5f3cd4
```
#5f3cd4 rgb(95,60,212)
```
#d45f3c
```
#d45f3c rgb(212,95,60)
```
#3cd45f
```
#3cd45f rgb(60,212,95)
```

Triadic Color

#d43cb1
```
#d43cb1 rgb(212,60,177)
```
#d45f3c
```
#d45f3c rgb(212,95,60)
```
#3cd45f
```
#3cd45f rgb(60,212,95)
```
#3cb1d4
```
#3cb1d4 rgb(60,177,212)
```

Tetradic Color

#a04023
```
#a04023 rgb(160,64,35)
```
#b54828
```
#b54828 rgb(181,72,40)
```
#ca512d
```
#ca512d rgb(202,81,45)
```
#d45f3c
```
#d45f3c rgb(212,95,60)
```
#d97051
```
#d97051 rgb(217,112,81)
```
#dd8166
```
#dd8166 rgb(221,129,102)
```
#e2927b
```
#e2927b rgb(226,146,123)
```

Monochromatic Color

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

#d43c3f
```
#d43c3f rgb(212,60,63)
```
#d4463c
```
#d4463c rgb(212,70,60)
```
#d4523c
```
#d4523c rgb(212,82,60)
```
#d45f3c
```
#d45f3c rgb(212,95,60)
```
#d46c3c
```
#d46c3c rgb(212,108,60)
```
#d4783c
```
#d4783c rgb(212,120,60)
```
#d4853c
```
#d4853c rgb(212,133,60)
```

Similar Colors

Text with hexadecimal color #d45f3c

This text has a font color of #d45f3c.

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

#d45f3c background color

This paragraph has a background color of #d45f3c.

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

#d45f3c border color

This element has a border color of #d45f3c.

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

CSS codes

.text {color:#d45f3c;}

.background {background-color:#d45f3c;}

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

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, #0e0603 is the darkest color, while #fffdfd is the lightest one.

#0e0603
```
#0e0603 rgb(14,6,3)
```
#1e0c07
```
#1e0c07 rgb(30,12,7)
```
#2e120a
```
#2e120a rgb(46,18,10)
```
#3e190e
```
#3e190e rgb(62,25,14)
```
#4e1f11
```
#4e1f11 rgb(78,31,17)
```
#5e2615
```
#5e2615 rgb(94,38,21)
```
#6e2c18
```
#6e2c18 rgb(110,44,24)
```
#7e331c
```
#7e331c rgb(126,51,28)
```
#8f391f
```
#8f391f rgb(143,57,31)
```
#9f3f23
```
#9f3f23 rgb(159,63,35)
```
#af4627
```
#af4627 rgb(175,70,39)
```
#bf4c2a
```
#bf4c2a rgb(191,76,42)
```
#cf532e
```
#cf532e rgb(207,83,46)
```

Shade Color Variation

#d45f3c
```
#d45f3c rgb(212,95,60)
```
#d86c4c
```
#d86c4c rgb(216,108,76)
```
#db795c
```
#db795c rgb(219,121,92)
```
#df876c
```
#df876c rgb(223,135,108)
```
#e2947c
```
#e2947c rgb(226,148,124)
```
#e6a18c
```
#e6a18c rgb(230,161,140)
```
#e9ae9c
```
#e9ae9c rgb(233,174,156)
```
#edbbad
```
#edbbad rgb(237,187,173)
```
#f0c8bd
```
#f0c8bd rgb(240,200,189)
```
#f4d6cd
```
#f4d6cd rgb(244,214,205)
```
#f7e3dd
```
#f7e3dd rgb(247,227,221)
```
#fbf0ed
```
#fbf0ed rgb(251,240,237)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#8b8785
```
#8b8785 rgb(139,135,133)
```
#94827c
```
#94827c rgb(148,130,124)
```
#9d7d73
```
#9d7d73 rgb(157,125,115)
```
#a6786a
```
#a6786a rgb(166,120,106)
```
#af7361
```
#af7361 rgb(175,115,97)
```
#b96e57
```
#b96e57 rgb(185,110,87)
```
#c2694e
```
#c2694e rgb(194,105,78)
```
#cb6445
```
#cb6445 rgb(203,100,69)
```
#d45f3c
```
#d45f3c rgb(212,95,60)
```
#dd5a33
```
#dd5a33 rgb(221,90,51)
```
#e6552a
```
#e6552a rgb(230,85,42)
```
#ef5021
```
#ef5021 rgb(239,80,33)
```
#f94b17
```
#f94b17 rgb(249,75,23)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#8f7871 Atypical Achromatopsia 0.001% of the population

Dichromacy

#958950 Protanopia 1% of men
#a8823e Deuteranopia 1% of men
#d76268 Tritanopia 0.001% of the population

Trichromacy

#ac7949 Protanomaly 1% of men, 0.01% of women
#b8753d Deuteranomaly 6% of men, 0.4% of women
#d66158 Tritanomaly 0.01% of the population