colorhexa.com

#d96a3e hex color

In a RGB color space, hex #d96a3e is composed of 85.1% red, 41.6% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.2% magenta, 71.4% yellow and 14.9% black. It has a hue angle of 17 degrees, a saturation of 67.1% and a lightness of 54.7%. #d96a3e color hex could be obtained by blending #ffd47c with #b30000. Closest websafe color is: #cc6633.

- R 85
- G 42
- B 24
RGB color chart
- C 0
- M 51
- Y 71
- K 15
CMYK color chart

● #d96a3e color description : Bright orange.

The hexadecimal color #d96a3e has RGB values of R:217, G:106, B:62 and CMYK values of C:0, M:0.51, Y:0.71, K:0.15. Its decimal value is 14248510.

Hex triplet	d96a3e	`#d96a3e`
RGB Decimal	217, 106, 62	`rgb(217,106,62)`
RGB Percent	85.1, 41.6, 24.3	`rgb(85.1%,41.6%,24.3%)`
CMYK	0, 51, 71, 15
HSL	17°, 67.1, 54.7	`hsl(17,67.1%,54.7%)`
HSV (or HSB)	17°, 71.4, 85.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	57.474, 40.453, 44.195
XYZ	34.64, 25.411, 7.638
xyY	0.512, 0.375, 25.411
CIE-LCH	57.474, 59.914, 47.531
CIE-LUV	57.474, 88.158, 39.563
Hunter-Lab	50.409, 34.445, 26.303
Binary	11011001, 01101010, 00111110

#d96a3e
```
#d96a3e rgb(217,106,62)
```
#3eadd9
```
#3eadd9 rgb(62,173,217)
```

Complementary Color

#d93e60
```
#d93e60 rgb(217,62,96)
```
#d96a3e
```
#d96a3e rgb(217,106,62)
```
#d9b83e
```
#d9b83e rgb(217,184,62)
```

Analogous Color

#3e60d9
```
#3e60d9 rgb(62,96,217)
```
#d96a3e
```
#d96a3e rgb(217,106,62)
```
#3ed9b8
```
#3ed9b8 rgb(62,217,184)
```

Split Complementary Color

#6a3ed9
```
#6a3ed9 rgb(106,62,217)
```
#d96a3e
```
#d96a3e rgb(217,106,62)
```
#3ed96a
```
#3ed96a rgb(62,217,106)
```

Triadic Color

#d93ead
```
#d93ead rgb(217,62,173)
```
#d96a3e
```
#d96a3e rgb(217,106,62)
```
#3ed96a
```
#3ed96a rgb(62,217,106)
```
#3eadd9
```
#3eadd9 rgb(62,173,217)
```

Tetradic Color

#a94821
```
#a94821 rgb(169,72,33)
```
#be5126
```
#be5126 rgb(190,81,38)
```
#d45a2a
```
#d45a2a rgb(212,90,42)
```
#d96a3e
```
#d96a3e rgb(217,106,62)
```
#dd7a53
```
#dd7a53 rgb(221,122,83)
```
#e18b69
```
#e18b69 rgb(225,139,105)
```
#e69b7e
```
#e69b7e rgb(230,155,126)
```

Monochromatic Color

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

#d9433e
```
#d9433e rgb(217,67,62)
```
#d9503e
```
#d9503e rgb(217,80,62)
```
#d95d3e
```
#d95d3e rgb(217,93,62)
```
#d96a3e
```
#d96a3e rgb(217,106,62)
```
#d9773e
```
#d9773e rgb(217,119,62)
```
#d9843e
```
#d9843e rgb(217,132,62)
```
#d9913e
```
#d9913e rgb(217,145,62)
```

Similar Colors

Text with hexadecimal color #d96a3e

This text has a font color of #d96a3e.

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

#d96a3e background color

This paragraph has a background color of #d96a3e.

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

#d96a3e border color

This element has a border color of #d96a3e.

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

CSS codes

.text {color:#d96a3e;}

.background {background-color:#d96a3e;}

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

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

#040201
```
#040201 rgb(4,2,1)
```
#140904
```
#140904 rgb(20,9,4)
```
#240f07
```
#240f07 rgb(36,15,7)
```
#35160a
```
#35160a rgb(53,22,10)
```
#451d0e
```
#451d0e rgb(69,29,14)
```
#562411
```
#562411 rgb(86,36,17)
```
#662b14
```
#662b14 rgb(102,43,20)
```
#763217
```
#763217 rgb(118,50,23)
```
#87391b
```
#87391b rgb(135,57,27)
```
#97401e
```
#97401e rgb(151,64,30)
```
#a84721
```
#a84721 rgb(168,71,33)
```
#b84e24
```
#b84e24 rgb(184,78,36)
```
#c85527
```
#c85527 rgb(200,85,39)
```

Shade Color Variation

#d65d2e
```
#d65d2e rgb(214,93,46)
```
#d96a3e
```
#d96a3e rgb(217,106,62)
```
#dc774e
```
#dc774e rgb(220,119,78)
```
#df835f
```
#df835f rgb(223,131,95)
```
#e3906f
```
#e3906f rgb(227,144,111)
```
#e69d80
```
#e69d80 rgb(230,157,128)
```
#e9a990
```
#e9a990 rgb(233,169,144)
```
#ecb6a0
```
#ecb6a0 rgb(236,182,160)
```
#f0c3b1
```
#f0c3b1 rgb(240,195,177)
```
#f3cfc1
```
#f3cfc1 rgb(243,207,193)
```
#f6dcd1
```
#f6dcd1 rgb(246,220,209)
```
#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, #928985 is the less saturated color, while #fd5b1a is the most saturated one.

#928985
```
#928985 rgb(146,137,133)
```
#9b857c
```
#9b857c rgb(155,133,124)
```
#a48173
```
#a48173 rgb(164,129,115)
```
#ad7d6a
```
#ad7d6a rgb(173,125,106)
```
#b57962
```
#b57962 rgb(181,121,98)
```
#be7659
```
#be7659 rgb(190,118,89)
```
#c77250
```
#c77250 rgb(199,114,80)
```
#d06e47
```
#d06e47 rgb(208,110,71)
```
#d96a3e
```
#d96a3e rgb(217,106,62)
```
#e26635
```
#e26635 rgb(226,102,53)
```
#eb622c
```
#eb622c rgb(235,98,44)
```
#f45e23
```
#f45e23 rgb(244,94,35)
```
#fd5b1a
```
#fd5b1a rgb(253,91,26)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#978078 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9051 Protanopia 1% of men
#b18941 Deuteranopia 1% of men
#dd6c73 Tritanopia 0.001% of the population

Trichromacy

#b3824a Protanomaly 1% of men, 0.01% of women
#bf7e3f Deuteranomaly 6% of men, 0.4% of women
#db6b5f Tritanomaly 0.01% of the population