#d96f2a hex color

In a RGB color space, hex #d96f2a is composed of 85.1% red, 43.5% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.8% magenta, 80.6% yellow and 14.9% black. It has a hue angle of 23.7 degrees, a saturation of 69.7% and a lightness of 50.8%. #d96f2a color hex could be obtained by blending #ffde54 with #b30000. Closest websafe color is: #cc6633.

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

● #d96f2a color description : Bright orange.

The hexadecimal color #d96f2a has RGB values of R:217, G:111, B:42 and CMYK values of C:0, M:0.49, Y:0.81, K:0.15. Its decimal value is 14249770.

Hex triplet	d96f2a	`#d96f2a`
RGB Decimal	217, 111, 42	`rgb(217,111,42)`
RGB Percent	85.1, 43.5, 16.5	`rgb(85.1%,43.5%,16.5%)`
CMYK	0, 49, 81, 15
HSL	23.7°, 69.7, 50.8	`hsl(23.7,69.7%,50.8%)`
HSV (or HSB)	23.7°, 80.6, 85.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	58.312, 37.109, 54.477
XYZ	34.719, 26.291, 5.437
xyY	0.523, 0.396, 26.291
CIE-LCH	58.312, 65.916, 55.738
CIE-LUV	58.312, 86.392, 47.698
Hunter-Lab	51.275, 31.134, 29.606
Binary	11011001, 01101111, 00101010

#d96f2a
```
#d96f2a rgb(217,111,42)
```
#2a94d9
```
#2a94d9 rgb(42,148,217)
```

Complementary Color

#d92a3d
```
#d92a3d rgb(217,42,61)
```
#d96f2a
```
#d96f2a rgb(217,111,42)
```
#d9c72a
```
#d9c72a rgb(217,199,42)
```

Analogous Color

#2a3dd9
```
#2a3dd9 rgb(42,61,217)
```
#d96f2a
```
#d96f2a rgb(217,111,42)
```
#2ad9c7
```
#2ad9c7 rgb(42,217,199)
```

Split Complementary Color

#6f2ad9
```
#6f2ad9 rgb(111,42,217)
```
#d96f2a
```
#d96f2a rgb(217,111,42)
```
#2ad96f
```
#2ad96f rgb(42,217,111)
```

Triadic Color

#d92a94
```
#d92a94 rgb(217,42,148)
```
#d96f2a
```
#d96f2a rgb(217,111,42)
```
#2ad96f
```
#2ad96f rgb(42,217,111)
```
#2a94d9
```
#2a94d9 rgb(42,148,217)
```

Tetradic Color

#9b4e1c
```
#9b4e1c rgb(155,78,28)
```
#b1591f
```
#b1591f rgb(177,89,31)
```
#c66423
```
#c66423 rgb(198,100,35)
```
#d96f2a
```
#d96f2a rgb(217,111,42)
```
#dd7e40
```
#dd7e40 rgb(221,126,64)
```
#e18c55
```
#e18c55 rgb(225,140,85)
```
#e59b6b
```
#e59b6b rgb(229,155,107)
```

Monochromatic Color

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

#d9432a
```
#d9432a rgb(217,67,42)
```
#d9522a
```
#d9522a rgb(217,82,42)
```
#d9602a
```
#d9602a rgb(217,96,42)
```
#d96f2a
```
#d96f2a rgb(217,111,42)
```
#d97e2a
```
#d97e2a rgb(217,126,42)
```
#d98c2a
```
#d98c2a rgb(217,140,42)
```
#d99b2a
```
#d99b2a rgb(217,155,42)
```

Similar Colors

Text with hexadecimal color #d96f2a

This text has a font color of #d96f2a.

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

#d96f2a background color

This paragraph has a background color of #d96f2a.

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

#d96f2a border color

This element has a border color of #d96f2a.

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

CSS codes

.text {color:#d96f2a;}

.background {background-color:#d96f2a;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#140a04
```
#140a04 rgb(20,10,4)
```
#251207
```
#251207 rgb(37,18,7)
```
#351b0a
```
#351b0a rgb(53,27,10)
```
#46230c
```
#46230c rgb(70,35,12)
```
#572c0f
```
#572c0f rgb(87,44,15)
```
#673412
```
#673412 rgb(103,52,18)
```
#783c15
```
#783c15 rgb(120,60,21)
```
#894518
```
#894518 rgb(137,69,24)
```
#994d1b
```
#994d1b rgb(153,77,27)
```
#aa551e
```
#aa551e rgb(170,85,30)
```
#ba5e21
```
#ba5e21 rgb(186,94,33)
```
#cb6624
```
#cb6624 rgb(203,102,36)
```

Shade Color Variation

#d96f2a
```
#d96f2a rgb(217,111,42)
```
#dc7a3b
```
#dc7a3b rgb(220,122,59)
```
#df864b
```
#df864b rgb(223,134,75)
```
#e2915c
```
#e2915c rgb(226,145,92)
```
#e59c6d
```
#e59c6d rgb(229,156,109)
```
#e8a77d
```
#e8a77d rgb(232,167,125)
```
#ebb38e
```
#ebb38e rgb(235,179,142)
```
#eebe9f
```
#eebe9f rgb(238,190,159)
```
#f1c9af
```
#f1c9af rgb(241,201,175)
```
#f4d4c0
```
#f4d4c0 rgb(244,212,192)
```
#f7e0d0
```
#f7e0d0 rgb(247,224,208)
```
#faebe1
```
#faebe1 rgb(250,235,225)
```
#fdf6f2
```
#fdf6f2 rgb(253,246,242)
```

Tint Color Variation

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

#828181
```
#828181 rgb(130,129,129)
```
#8c7f77
```
#8c7f77 rgb(140,127,119)
```
#957d6e
```
#957d6e rgb(149,125,110)
```
#9f7b64
```
#9f7b64 rgb(159,123,100)
```
#a9795a
```
#a9795a rgb(169,121,90)
```
#b27751
```
#b27751 rgb(178,119,81)
```
#bc7547
```
#bc7547 rgb(188,117,71)
```
#c6733d
```
#c6733d rgb(198,115,61)
```
#cf7134
```
#cf7134 rgb(207,113,52)
```
#d96f2a
```
#d96f2a rgb(217,111,42)
```
#e36d20
```
#e36d20 rgb(227,109,32)
```
#ec6b17
```
#ec6b17 rgb(236,107,23)
```
#f6690d
```
#f6690d rgb(246,105,13)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#978274 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2923c Protanopia 1% of men
#b58b2c Deuteranopia 1% of men
#de6f76 Tritanopia 0.001% of the population

Trichromacy

#b68535 Protanomaly 1% of men, 0.01% of women
#c2802b Deuteranomaly 6% of men, 0.4% of women
#dc6f5a Tritanomaly 0.01% of the population

#d96f2a hex color

#d96f2a Color Information

#d96f2a Color Conversion

Color Schemes with #d96f2a

Alternatives to #d96f2a

#d96f2a Preview

Shades and Tints of #d96f2a

Tones of #d96f2a

Color Blindness Simulator