#d45f2f hex color

In a RGB color space, hex #d45f2f is composed of 83.1% red, 37.3% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.2% magenta, 77.8% yellow and 16.9% black. It has a hue angle of 17.5 degrees, a saturation of 65.7% and a lightness of 50.8%. #d45f2f color hex could be obtained by blending #ffbe5e with #a90000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 83
- G 37
- B 18
RGB color chart
- C 0
- M 55
- Y 78
- K 17
CMYK color chart

● #d45f2f color description : Strong orange.

The hexadecimal color #d45f2f has RGB values of R:212, G:95, B:47 and CMYK values of C:0, M:0.55, Y:0.78, K:0.17. Its decimal value is 13917999.

Hex triplet	d45f2f	`#d45f2f`
RGB Decimal	212, 95, 47	`rgb(212,95,47)`
RGB Percent	83.1, 37.3, 18.4	`rgb(83.1%,37.3%,18.4%)`
CMYK	0, 55, 78, 17
HSL	17.5°, 65.7, 50.8	`hsl(17.5,65.7%,50.8%)`
HSV (or HSB)	17.5°, 77.8, 83.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.438, 43.343, 48.244
XYZ	31.758, 22.39, 5.339
xyY	0.534, 0.376, 22.39
CIE-LCH	54.438, 64.855, 48.063
CIE-LUV	54.438, 94.335, 40.299
Hunter-Lab	47.318, 36.996, 26.433
Binary	11010100, 01011111, 00101111

#d45f2f
```
#d45f2f rgb(212,95,47)
```
#2fa4d4
```
#2fa4d4 rgb(47,164,212)
```

Complementary Color

#d42f51
```
#d42f51 rgb(212,47,81)
```
#d45f2f
```
#d45f2f rgb(212,95,47)
```
#d4b22f
```
#d4b22f rgb(212,178,47)
```

Analogous Color

#2f52d4
```
#2f52d4 rgb(47,82,212)
```
#d45f2f
```
#d45f2f rgb(212,95,47)
```
#2fd4b2
```
#2fd4b2 rgb(47,212,178)
```

Split Complementary Color

#5f2fd4
```
#5f2fd4 rgb(95,47,212)
```
#d45f2f
```
#d45f2f rgb(212,95,47)
```
#2fd45f
```
#2fd45f rgb(47,212,95)
```

Triadic Color

#d42fa4
```
#d42fa4 rgb(212,47,164)
```
#d45f2f
```
#d45f2f rgb(212,95,47)
```
#2fd45f
```
#2fd45f rgb(47,212,95)
```
#2fa4d4
```
#2fa4d4 rgb(47,164,212)
```

Tetradic Color

#97421f
```
#97421f rgb(151,66,31)
```
#ac4b24
```
#ac4b24 rgb(172,75,36)
```
#c15528
```
#c15528 rgb(193,85,40)
```
#d45f2f
```
#d45f2f rgb(212,95,47)
```
#d86f44
```
#d86f44 rgb(216,111,68)
```
#dd8059
```
#dd8059 rgb(221,128,89)
```
#e1906e
```
#e1906e rgb(225,144,110)
```

Monochromatic Color

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

#d4362f
```
#d4362f rgb(212,54,47)
```
#d4432f
```
#d4432f rgb(212,67,47)
```
#d4512f
```
#d4512f rgb(212,81,47)
```
#d45f2f
```
#d45f2f rgb(212,95,47)
```
#d46d2f
```
#d46d2f rgb(212,109,47)
```
#d47b2f
```
#d47b2f rgb(212,123,47)
```
#d4882f
```
#d4882f rgb(212,136,47)
```

Similar Colors

Text with hexadecimal color #d45f2f

This text has a font color of #d45f2f.

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

#d45f2f background color

This paragraph has a background color of #d45f2f.

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

#d45f2f border color

This element has a border color of #d45f2f.

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

CSS codes

.text {color:#d45f2f;}

.background {background-color:#d45f2f;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#140904
```
#140904 rgb(20,9,4)
```
#241007
```
#241007 rgb(36,16,7)
```
#34170b
```
#34170b rgb(52,23,11)
```
#441e0e
```
#441e0e rgb(68,30,14)
```
#552511
```
#552511 rgb(85,37,17)
```
#652c15
```
#652c15 rgb(101,44,21)
```
#753318
```
#753318 rgb(117,51,24)
```
#853a1c
```
#853a1c rgb(133,58,28)
```
#96411f
```
#96411f rgb(150,65,31)
```
#a64922
```
#a64922 rgb(166,73,34)
```
#b65026
```
#b65026 rgb(182,80,38)
```
#c65729
```
#c65729 rgb(198,87,41)
```

Shade Color Variation

#d45f2f
```
#d45f2f rgb(212,95,47)
```
#d76c3f
```
#d76c3f rgb(215,108,63)
```
#db7850
```
#db7850 rgb(219,120,80)
```
#de8560
```
#de8560 rgb(222,133,96)
```
#e19170
```
#e19170 rgb(225,145,112)
```
#e59e80
```
#e59e80 rgb(229,158,128)
```
#e8aa91
```
#e8aa91 rgb(232,170,145)
```
#ecb7a1
```
#ecb7a1 rgb(236,183,161)
```
#efc3b1
```
#efc3b1 rgb(239,195,177)
```
#f2d0c1
```
#f2d0c1 rgb(242,208,193)
```
#f6dcd2
```
#f6dcd2 rgb(246,220,210)
```
#f9e9e2
```
#f9e9e2 rgb(249,233,226)
```
#fcf5f2
```
#fcf5f2 rgb(252,245,242)
```

Tint Color Variation

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

#877f7c
```
#877f7c rgb(135,127,124)
```
#907b73
```
#907b73 rgb(144,123,115)
```
#9a7769
```
#9a7769 rgb(154,119,105)
```
#a4735f
```
#a4735f rgb(164,115,95)
```
#ad6f56
```
#ad6f56 rgb(173,111,86)
```
#b76b4c
```
#b76b4c rgb(183,107,76)
```
#c16742
```
#c16742 rgb(193,103,66)
```
#ca6339
```
#ca6339 rgb(202,99,57)
```
#d45f2f
```
#d45f2f rgb(212,95,47)
```
#de5b25
```
#de5b25 rgb(222,91,37)
```
#e7571c
```
#e7571c rgb(231,87,28)
```
#f15312
```
#f15312 rgb(241,83,18)
```
#fb4f08
```
#fb4f08 rgb(251,79,8)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#8e776d Atypical Achromatopsia 0.001% of the population

Dichromacy

#968843 Protanopia 1% of men
#a98230 Deuteranopia 1% of men
#d86267 Tritanopia 0.001% of the population

Trichromacy

#ad793b Protanomaly 1% of men, 0.01% of women
#b87530 Deuteranomaly 6% of men, 0.4% of women
#d66053 Tritanomaly 0.01% of the population

#d45f2f hex color

#d45f2f Color Information

#d45f2f Color Conversion

Color Schemes with #d45f2f

Alternatives to #d45f2f

#d45f2f Preview

Shades and Tints of #d45f2f

Tones of #d45f2f

Color Blindness Simulator