#d96f3c hex color

In a RGB color space, hex #d96f3c is composed of 85.1% red, 43.5% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.8% magenta, 72.4% yellow and 14.9% black. It has a hue angle of 19.5 degrees, a saturation of 67.4% and a lightness of 54.3%. #d96f3c color hex could be obtained by blending #ffde78 with #b30000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 85
- G 44
- B 24
RGB color chart
- C 0
- M 49
- Y 72
- K 15
CMYK color chart

● #d96f3c color description : Bright orange.

The hexadecimal color #d96f3c has RGB values of R:217, G:111, B:60 and CMYK values of C:0, M:0.49, Y:0.72, K:0.15. Its decimal value is 14249788.

Hex triplet	d96f3c	`#d96f3c`
RGB Decimal	217, 111, 60	`rgb(217,111,60)`
RGB Percent	85.1, 43.5, 23.5	`rgb(85.1%,43.5%,23.5%)`
CMYK	0, 49, 72, 15
HSL	19.5°, 67.4, 54.3	`hsl(19.5,67.4%,54.3%)`
HSV (or HSB)	19.5°, 72.4, 85.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	58.462, 37.824, 46.286
XYZ	35.116, 26.45, 7.531
xyY	0.508, 0.383, 26.45
CIE-LCH	58.462, 59.775, 50.745
CIE-LUV	58.462, 84.546, 42.16
Hunter-Lab	51.43, 31.879, 27.319
Binary	11011001, 01101111, 00111100

#d96f3c
```
#d96f3c rgb(217,111,60)
```
#3ca6d9
```
#3ca6d9 rgb(60,166,217)
```

Complementary Color

#d93c57
```
#d93c57 rgb(217,60,87)
```
#d96f3c
```
#d96f3c rgb(217,111,60)
```
#d9be3c
```
#d9be3c rgb(217,190,60)
```

Analogous Color

#3c58d9
```
#3c58d9 rgb(60,88,217)
```
#d96f3c
```
#d96f3c rgb(217,111,60)
```
#3cd9be
```
#3cd9be rgb(60,217,190)
```

Split Complementary Color

#6f3cd9
```
#6f3cd9 rgb(111,60,217)
```
#d96f3c
```
#d96f3c rgb(217,111,60)
```
#3cd96f
```
#3cd96f rgb(60,217,111)
```

Triadic Color

#d93ca6
```
#d93ca6 rgb(217,60,166)
```
#d96f3c
```
#d96f3c rgb(217,111,60)
```
#3cd96f
```
#3cd96f rgb(60,217,111)
```
#3ca6d9
```
#3ca6d9 rgb(60,166,217)
```

Tetradic Color

#a84d21
```
#a84d21 rgb(168,77,33)
```
#bd5625
```
#bd5625 rgb(189,86,37)
```
#d26029
```
#d26029 rgb(210,96,41)
```
#d96f3c
```
#d96f3c rgb(217,111,60)
```
#dd7f51
```
#dd7f51 rgb(221,127,81)
```
#e18f67
```
#e18f67 rgb(225,143,103)
```
#e59e7c
```
#e59e7c rgb(229,158,124)
```

Monochromatic Color

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

#d9483c
```
#d9483c rgb(217,72,60)
```
#d9553c
```
#d9553c rgb(217,85,60)
```
#d9623c
```
#d9623c rgb(217,98,60)
```
#d96f3c
```
#d96f3c rgb(217,111,60)
```
#d97c3c
```
#d97c3c rgb(217,124,60)
```
#d9893c
```
#d9893c rgb(217,137,60)
```
#d9963c
```
#d9963c rgb(217,150,60)
```

Similar Colors

Text with hexadecimal color #d96f3c

This text has a font color of #d96f3c.

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

#d96f3c background color

This paragraph has a background color of #d96f3c.

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

#d96f3c border color

This element has a border color of #d96f3c.

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

CSS codes

.text {color:#d96f3c;}

.background {background-color:#d96f3c;}

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

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 #fcf4f1 is the lightest one.

#020100
```
#020100 rgb(2,1,0)
```
#120804
```
#120804 rgb(18,8,4)
```
#231007
```
#231007 rgb(35,16,7)
```
#33170a
```
#33170a rgb(51,23,10)
```
#441f0d
```
#441f0d rgb(68,31,13)
```
#542610
```
#542610 rgb(84,38,16)
```
#642e14
```
#642e14 rgb(100,46,20)
```
#753517
```
#753517 rgb(117,53,23)
```
#853d1a
```
#853d1a rgb(133,61,26)
```
#96441d
```
#96441d rgb(150,68,29)
```
#a64c20
```
#a64c20 rgb(166,76,32)
```
#b75324
```
#b75324 rgb(183,83,36)
```
#c75b27
```
#c75b27 rgb(199,91,39)
```

Shade Color Variation

#d6632c
```
#d6632c rgb(214,99,44)
```
#d96f3c
```
#d96f3c rgb(217,111,60)
```
#dc7b4c
```
#dc7b4c rgb(220,123,76)
```
#df875d
```
#df875d rgb(223,135,93)
```
#e3936d
```
#e3936d rgb(227,147,109)
```
#e69f7e
```
#e69f7e rgb(230,159,126)
```
#e9ac8e
```
#e9ac8e rgb(233,172,142)
```
#ecb89e
```
#ecb89e rgb(236,184,158)
```
#efc4af
```
#efc4af rgb(239,196,175)
```
#f3d0bf
```
#f3d0bf rgb(243,208,191)
```
#f6dcd0
```
#f6dcd0 rgb(246,220,208)
```
#f9e8e0
```
#f9e8e0 rgb(249,232,224)
```
#fcf4f1
```
#fcf4f1 rgb(252,244,241)
```

Tint Color Variation

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

#918884
```
#918884 rgb(145,136,132)
```
#9a857b
```
#9a857b rgb(154,133,123)
```
#a38272
```
#a38272 rgb(163,130,114)
```
#ac7f69
```
#ac7f69 rgb(172,127,105)
```
#b57c60
```
#b57c60 rgb(181,124,96)
```
#be7857
```
#be7857 rgb(190,120,87)
```
#c7754e
```
#c7754e rgb(199,117,78)
```
#d07245
```
#d07245 rgb(208,114,69)
```
#d96f3c
```
#d96f3c rgb(217,111,60)
```
#e26c33
```
#e26c33 rgb(226,108,51)
```
#eb692a
```
#eb692a rgb(235,105,42)
```
#f46621
```
#f46621 rgb(244,102,33)
```
#fd6218
```
#fd6218 rgb(253,98,24)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#99847a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1924e Protanopia 1% of men
#b48b3f Deuteranopia 1% of men
#dd7077 Tritanopia 0.001% of the population

Trichromacy

#b58547 Protanomaly 1% of men, 0.01% of women
#c1813e Deuteranomaly 6% of men, 0.4% of women
#db7062 Tritanomaly 0.01% of the population

#d96f3c hex color

#d96f3c Color Information

#d96f3c Color Conversion

Color Schemes with #d96f3c

Alternatives to #d96f3c

#d96f3c Preview

Shades and Tints of #d96f3c

Tones of #d96f3c

Color Blindness Simulator