#d4961f hex color

In a RGB color space, hex #d4961f is composed of 83.1% red, 58.8% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.2% magenta, 85.4% yellow and 16.9% black. It has a hue angle of 39.4 degrees, a saturation of 74.5% and a lightness of 47.6%. #d4961f color hex could be obtained by blending #ffff3e with #a92d00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 83
- G 59
- B 12
RGB color chart
- C 0
- M 29
- Y 85
- K 17
CMYK color chart

● #d4961f color description : Strong orange.

The hexadecimal color #d4961f has RGB values of R:212, G:150, B:31 and CMYK values of C:0, M:0.29, Y:0.85, K:0.17. Its decimal value is 13932063.

Hex triplet	d4961f	`#d4961f`
RGB Decimal	212, 150, 31	`rgb(212,150,31)`
RGB Percent	83.1, 58.8, 12.2	`rgb(83.1%,58.8%,12.2%)`
CMYK	0, 29, 85, 17
HSL	39.4°, 74.5, 47.6	`hsl(39.4,74.5%,47.6%)`
HSV (or HSB)	39.4°, 85.4, 83.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.452, 13.932, 65.172
XYZ	38.306, 35.911, 6.21
xyY	0.476, 0.447, 35.911
CIE-LCH	66.452, 66.644, 77.933
CIE-LUV	66.452, 51.33, 64.191
Hunter-Lab	59.926, 9.231, 35.804
Binary	11010100, 10010110, 00011111

#d4961f
```
#d4961f rgb(212,150,31)
```
#1f5dd4
```
#1f5dd4 rgb(31,93,212)
```

Complementary Color

#d43c1f
```
#d43c1f rgb(212,60,31)
```
#d4961f
```
#d4961f rgb(212,150,31)
```
#b8d41f
```
#b8d41f rgb(184,212,31)
```

Analogous Color

#3c1fd4
```
#3c1fd4 rgb(60,31,212)
```
#d4961f
```
#d4961f rgb(212,150,31)
```
#1fb8d4
```
#1fb8d4 rgb(31,184,212)
```

Split Complementary Color

#961fd4
```
#961fd4 rgb(150,31,212)
```
#d4961f
```
#d4961f rgb(212,150,31)
```
#1fd496
```
#1fd496 rgb(31,212,150)
```

Triadic Color

#d41f5d
```
#d41f5d rgb(212,31,93)
```
#d4961f
```
#d4961f rgb(212,150,31)
```
#1fd496
```
#1fd496 rgb(31,212,150)
```
#1f5dd4
```
#1f5dd4 rgb(31,93,212)
```

Tetradic Color

#916715
```
#916715 rgb(145,103,21)
```
#a87718
```
#a87718 rgb(168,119,24)
```
#be861c
```
#be861c rgb(190,134,28)
```
#d4961f
```
#d4961f rgb(212,150,31)
```
#e0a32c
```
#e0a32c rgb(224,163,44)
```
#e3ac43
```
#e3ac43 rgb(227,172,67)
```
#e7b659
```
#e7b659 rgb(231,182,89)
```

Monochromatic Color

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

#d4691f
```
#d4691f rgb(212,105,31)
```
#d4781f
```
#d4781f rgb(212,120,31)
```
#d4871f
```
#d4871f rgb(212,135,31)
```
#d4961f
```
#d4961f rgb(212,150,31)
```
#d4a51f
```
#d4a51f rgb(212,165,31)
```
#d4b41f
```
#d4b41f rgb(212,180,31)
```
#d4c31f
```
#d4c31f rgb(212,195,31)
```

Similar Colors

Text with hexadecimal color #d4961f

This text has a font color of #d4961f.

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

#d4961f background color

This paragraph has a background color of #d4961f.

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

#d4961f border color

This element has a border color of #d4961f.

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

CSS codes

.text {color:#d4961f;}

.background {background-color:#d4961f;}

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

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

#070501
```
#070501 rgb(7,5,1)
```
#181103
```
#181103 rgb(24,17,3)
```
#291d06
```
#291d06 rgb(41,29,6)
```
#3a2908
```
#3a2908 rgb(58,41,8)
```
#4b350b
```
#4b350b rgb(75,53,11)
```
#5c410d
```
#5c410d rgb(92,65,13)
```
#6d4d10
```
#6d4d10 rgb(109,77,16)
```
#7e5912
```
#7e5912 rgb(126,89,18)
```
#906615
```
#906615 rgb(144,102,21)
```
#a17217
```
#a17217 rgb(161,114,23)
```
#b27e1a
```
#b27e1a rgb(178,126,26)
```
#c38a1c
```
#c38a1c rgb(195,138,28)
```
#d4961f
```
#d4961f rgb(212,150,31)
```

Shade Color Variation

#dfa027
```
#dfa027 rgb(223,160,39)
```
#e2a838
```
#e2a838 rgb(226,168,56)
```
#e4af49
```
#e4af49 rgb(228,175,73)
```
#e7b75b
```
#e7b75b rgb(231,183,91)
```
#e9be6c
```
#e9be6c rgb(233,190,108)
```
#ecc67d
```
#ecc67d rgb(236,198,125)
```
#eecd8e
```
#eecd8e rgb(238,205,142)
```
#f1d59f
```
#f1d59f rgb(241,213,159)
```
#f3dcb0
```
#f3dcb0 rgb(243,220,176)
```
#f6e4c1
```
#f6e4c1 rgb(246,228,193)
```
#f8ebd2
```
#f8ebd2 rgb(248,235,210)
```
#fbf3e3
```
#fbf3e3 rgb(251,243,227)
```
#fdfaf5
```
#fdfaf5 rgb(253,250,245)
```

Tint Color Variation

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

#807c73
```
#807c73 rgb(128,124,115)
```
#897e6a
```
#897e6a rgb(137,126,106)
```
#938160
```
#938160 rgb(147,129,96)
```
#9c8457
```
#9c8457 rgb(156,132,87)
```
#a5874e
```
#a5874e rgb(165,135,78)
```
#af8a44
```
#af8a44 rgb(175,138,68)
```
#b88d3b
```
#b88d3b rgb(184,141,59)
```
#c19032
```
#c19032 rgb(193,144,50)
```
#cb9328
```
#cb9328 rgb(203,147,40)
```
#d4961f
```
#d4961f rgb(212,150,31)
```
#dd9916
```
#dd9916 rgb(221,153,22)
```
#e79c0c
```
#e79c0c rgb(231,156,12)
```
#f09f03
```
#f09f03 rgb(240,159,3)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#a69a82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa62d Protanopia 1% of men
#cf9e28 Deuteranopia 1% of men
#dd919b Tritanopia 0.001% of the population

Trichromacy

#c3a028 Protanomaly 1% of men, 0.01% of women
#d19b25 Deuteranomaly 6% of men, 0.4% of women
#d9936e Tritanomaly 0.01% of the population

#d4961f hex color

#d4961f Color Information

#d4961f Color Conversion

Color Schemes with #d4961f

Alternatives to #d4961f

#d4961f Preview

Shades and Tints of #d4961f

Tones of #d4961f

Color Blindness Simulator