#d96a3f hex color

In a RGB color space, hex #d96a3f is composed of 85.1% red, 41.6% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.2% magenta, 71% yellow and 14.9% black. It has a hue angle of 16.8 degrees, a saturation of 67% and a lightness of 54.9%. #d96a3f color hex could be obtained by blending #ffd47e with #b30000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 85
- G 42
- B 25
RGB color chart
- C 0
- M 51
- Y 71
- K 15
CMYK color chart

● #d96a3f color description : Bright orange.

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

Hex triplet	d96a3f	`#d96a3f`
RGB Decimal	217, 106, 63	`rgb(217,106,63)`
RGB Percent	85.1, 41.6, 24.7	`rgb(85.1%,41.6%,24.7%)`
CMYK	0, 51, 71, 15
HSL	16.8°, 67, 54.9	`hsl(16.8,67%,54.9%)`
HSV (or HSB)	16.8°, 71, 85.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	57.484, 40.502, 43.692
XYZ	34.668, 25.422, 7.784
xyY	0.511, 0.375, 25.422
CIE-LCH	57.484, 59.577, 47.169
CIE-LUV	57.484, 88.024, 39.18
Hunter-Lab	50.42, 34.497, 26.141
Binary	11011001, 01101010, 00111111

#d96a3f
```
#d96a3f rgb(217,106,63)
```
#3faed9
```
#3faed9 rgb(63,174,217)
```

Complementary Color

#d93f61
```
#d93f61 rgb(217,63,97)
```
#d96a3f
```
#d96a3f rgb(217,106,63)
```
#d9b73f
```
#d9b73f rgb(217,183,63)
```

Analogous Color

#3f61d9
```
#3f61d9 rgb(63,97,217)
```
#d96a3f
```
#d96a3f rgb(217,106,63)
```
#3fd9b7
```
#3fd9b7 rgb(63,217,183)
```

Split Complementary Color

#6a3fd9
```
#6a3fd9 rgb(106,63,217)
```
#d96a3f
```
#d96a3f rgb(217,106,63)
```
#3fd96a
```
#3fd96a rgb(63,217,106)
```

Triadic Color

#d93fae
```
#d93fae rgb(217,63,174)
```
#d96a3f
```
#d96a3f rgb(217,106,63)
```
#3fd96a
```
#3fd96a rgb(63,217,106)
```
#3faed9
```
#3faed9 rgb(63,174,217)
```

Tetradic Color

#aa4822
```
#aa4822 rgb(170,72,34)
```
#bf5126
```
#bf5126 rgb(191,81,38)
```
#d45a2a
```
#d45a2a rgb(212,90,42)
```
#d96a3f
```
#d96a3f rgb(217,106,63)
```
#dd7b54
```
#dd7b54 rgb(221,123,84)
```
#e18b6a
```
#e18b6a rgb(225,139,106)
```
#e69c7f
```
#e69c7f rgb(230,156,127)
```

Monochromatic Color

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

#d9443f
```
#d9443f rgb(217,68,63)
```
#d9503f
```
#d9503f rgb(217,80,63)
```
#d95d3f
```
#d95d3f rgb(217,93,63)
```
#d96a3f
```
#d96a3f rgb(217,106,63)
```
#d9773f
```
#d9773f rgb(217,119,63)
```
#d9843f
```
#d9843f rgb(217,132,63)
```
#d9913f
```
#d9913f rgb(217,145,63)
```

Similar Colors

Text with hexadecimal color #d96a3f

This text has a font color of #d96a3f.

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

#d96a3f background color

This paragraph has a background color of #d96a3f.

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

#d96a3f border color

This element has a border color of #d96a3f.

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

CSS codes

.text {color:#d96a3f;}

.background {background-color:#d96a3f;}

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

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

#040201
```
#040201 rgb(4,2,1)
```
#150904
```
#150904 rgb(21,9,4)
```
#251007
```
#251007 rgb(37,16,7)
```
#36170b
```
#36170b rgb(54,23,11)
```
#461e0e
```
#461e0e rgb(70,30,14)
```
#562411
```
#562411 rgb(86,36,17)
```
#672b14
```
#672b14 rgb(103,43,20)
```
#773218
```
#773218 rgb(119,50,24)
```
#87391b
```
#87391b rgb(135,57,27)
```
#98401e
```
#98401e rgb(152,64,30)
```
#a84721
```
#a84721 rgb(168,71,33)
```
#b94e25
```
#b94e25 rgb(185,78,37)
```
#c95528
```
#c95528 rgb(201,85,40)
```

Shade Color Variation

#d65d2f
```
#d65d2f rgb(214,93,47)
```
#d96a3f
```
#d96a3f rgb(217,106,63)
```
#dc774f
```
#dc774f rgb(220,119,79)
```
#df8360
```
#df8360 rgb(223,131,96)
```
#e39070
```
#e39070 rgb(227,144,112)
```
#e69d80
```
#e69d80 rgb(230,157,128)
```
#e9aa91
```
#e9aa91 rgb(233,170,145)
```
#ecb6a1
```
#ecb6a1 rgb(236,182,161)
```
#f0c3b2
```
#f0c3b2 rgb(240,195,178)
```
#f3d0c2
```
#f3d0c2 rgb(243,208,194)
```
#f6dcd2
```
#f6dcd2 rgb(246,220,210)
```
#f9e9e3
```
#f9e9e3 rgb(249,233,227)
```
#fdf6f3
```
#fdf6f3 rgb(253,246,243)
```

Tint Color Variation

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

#928986
```
#928986 rgb(146,137,134)
```
#9b857d
```
#9b857d rgb(155,133,125)
```
#a48174
```
#a48174 rgb(164,129,116)
```
#ad7e6b
```
#ad7e6b rgb(173,126,107)
```
#b67a62
```
#b67a62 rgb(182,122,98)
```
#be765a
```
#be765a rgb(190,118,90)
```
#c77251
```
#c77251 rgb(199,114,81)
```
#d06e48
```
#d06e48 rgb(208,110,72)
```
#d96a3f
```
#d96a3f rgb(217,106,63)
```
#e26636
```
#e26636 rgb(226,102,54)
```
#eb622d
```
#eb622d rgb(235,98,45)
```
#f45e24
```
#f45e24 rgb(244,94,36)
```
#fc5a1c
```
#fc5a1c rgb(252,90,28)
```

Tone Color Variation

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

#9d9052 Protanopia 1% of men
#b18942 Deuteranopia 1% of men
#dd6c73 Tritanopia 0.001% of the population

Trichromacy

#b3824b Protanomaly 1% of men, 0.01% of women
#bf7e40 Deuteranomaly 6% of men, 0.4% of women
#db6b60 Tritanomaly 0.01% of the population

#d96a3f hex color

#d96a3f Color Information

#d96a3f Color Conversion

Color Schemes with #d96a3f

Alternatives to #d96a3f

#d96a3f Preview

Shades and Tints of #d96a3f

Tones of #d96a3f

Color Blindness Simulator