#d4981f hex color

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

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

● #d4981f color description : Strong orange.

The hexadecimal color #d4981f has RGB values of R:212, G:152, B:31 and CMYK values of C:0, M:0.28, Y:0.85, K:0.17. Its decimal value is 13932575.

Hex triplet	d4981f	`#d4981f`
RGB Decimal	212, 152, 31	`rgb(212,152,31)`
RGB Percent	83.1, 59.6, 12.2	`rgb(83.1%,59.6%,12.2%)`
CMYK	0, 28, 85, 17
HSL	40.1°, 74.5, 47.6	`hsl(40.1,74.5%,47.6%)`
HSV (or HSB)	40.1°, 85.4, 83.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.942, 12.853, 65.575
XYZ	38.628, 36.555, 6.318
xyY	0.474, 0.449, 36.555
CIE-LCH	66.942, 66.823, 78.911
CIE-LUV	66.942, 49.752, 64.958
Hunter-Lab	60.461, 8.236, 36.127
Binary	11010100, 10011000, 00011111

#d4981f
```
#d4981f rgb(212,152,31)
```
#1f5bd4
```
#1f5bd4 rgb(31,91,212)
```

Complementary Color

#d43e1f
```
#d43e1f rgb(212,62,31)
```
#d4981f
```
#d4981f rgb(212,152,31)
```
#b6d41f
```
#b6d41f rgb(182,212,31)
```

Analogous Color

#3e1fd4
```
#3e1fd4 rgb(62,31,212)
```
#d4981f
```
#d4981f rgb(212,152,31)
```
#1fb6d4
```
#1fb6d4 rgb(31,182,212)
```

Split Complementary Color

#981fd4
```
#981fd4 rgb(152,31,212)
```
#d4981f
```
#d4981f rgb(212,152,31)
```
#1fd498
```
#1fd498 rgb(31,212,152)
```

Triadic Color

#d41f5b
```
#d41f5b rgb(212,31,91)
```
#d4981f
```
#d4981f rgb(212,152,31)
```
#1fd498
```
#1fd498 rgb(31,212,152)
```
#1f5bd4
```
#1f5bd4 rgb(31,91,212)
```

Tetradic Color

#916815
```
#916815 rgb(145,104,21)
```
#a87818
```
#a87818 rgb(168,120,24)
```
#be881c
```
#be881c rgb(190,136,28)
```
#d4981f
```
#d4981f rgb(212,152,31)
```
#e0a52c
```
#e0a52c rgb(224,165,44)
```
#e3ae43
```
#e3ae43 rgb(227,174,67)
```
#e7b859
```
#e7b859 rgb(231,184,89)
```

Monochromatic Color

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

#d46b1f
```
#d46b1f rgb(212,107,31)
```
#d47a1f
```
#d47a1f rgb(212,122,31)
```
#d4891f
```
#d4891f rgb(212,137,31)
```
#d4981f
```
#d4981f rgb(212,152,31)
```
#d4a71f
```
#d4a71f rgb(212,167,31)
```
#d4b61f
```
#d4b61f rgb(212,182,31)
```
#d4c51f
```
#d4c51f rgb(212,197,31)
```

Similar Colors

Text with hexadecimal color #d4981f

This text has a font color of #d4981f.

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

#d4981f background color

This paragraph has a background color of #d4981f.

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

#d4981f border color

This element has a border color of #d4981f.

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

CSS codes

.text {color:#d4981f;}

.background {background-color:#d4981f;}

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

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

#070501
```
#070501 rgb(7,5,1)
```
#181103
```
#181103 rgb(24,17,3)
```
#291d06
```
#291d06 rgb(41,29,6)
```
#3a2a08
```
#3a2a08 rgb(58,42,8)
```
#4b360b
```
#4b360b rgb(75,54,11)
```
#5c420d
```
#5c420d rgb(92,66,13)
```
#6d4e10
```
#6d4e10 rgb(109,78,16)
```
#7e5b12
```
#7e5b12 rgb(126,91,18)
```
#906715
```
#906715 rgb(144,103,21)
```
#a17317
```
#a17317 rgb(161,115,23)
```
#b27f1a
```
#b27f1a rgb(178,127,26)
```
#c38c1c
```
#c38c1c rgb(195,140,28)
```
#d4981f
```
#d4981f rgb(212,152,31)
```

Shade Color Variation

#dfa227
```
#dfa227 rgb(223,162,39)
```
#e2aa38
```
#e2aa38 rgb(226,170,56)
```
#e4b149
```
#e4b149 rgb(228,177,73)
```
#e7b85b
```
#e7b85b rgb(231,184,91)
```
#e9c06c
```
#e9c06c rgb(233,192,108)
```
#ecc77d
```
#ecc77d rgb(236,199,125)
```
#eece8e
```
#eece8e rgb(238,206,142)
```
#f1d69f
```
#f1d69f rgb(241,214,159)
```
#f3ddb0
```
#f3ddb0 rgb(243,221,176)
```
#f6e4c1
```
#f6e4c1 rgb(246,228,193)
```
#f8ecd2
```
#f8ecd2 rgb(248,236,210)
```
#fbf3e3
```
#fbf3e3 rgb(251,243,227)
```
#fdfbf5
```
#fdfbf5 rgb(253,251,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 #f0a103 is the most saturated one.

#807c73
```
#807c73 rgb(128,124,115)
```
#897f6a
```
#897f6a rgb(137,127,106)
```
#938260
```
#938260 rgb(147,130,96)
```
#9c8557
```
#9c8557 rgb(156,133,87)
```
#a5884e
```
#a5884e rgb(165,136,78)
```
#af8b44
```
#af8b44 rgb(175,139,68)
```
#b88f3b
```
#b88f3b rgb(184,143,59)
```
#c19232
```
#c19232 rgb(193,146,50)
```
#cb9528
```
#cb9528 rgb(203,149,40)
```
#d4981f
```
#d4981f rgb(212,152,31)
```
#dd9b16
```
#dd9b16 rgb(221,155,22)
```
#e79e0c
```
#e79e0c rgb(231,158,12)
```
#f0a103
```
#f0a103 rgb(240,161,3)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#a79b83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bba82d Protanopia 1% of men
#d19f29 Deuteranopia 1% of men
#dd939d Tritanopia 0.001% of the population

Trichromacy

#c4a228 Protanomaly 1% of men, 0.01% of women
#d29c25 Deuteranomaly 6% of men, 0.4% of women
#d9956f Tritanomaly 0.01% of the population

#d4981f hex color

#d4981f Color Information

#d4981f Color Conversion

Color Schemes with #d4981f

Alternatives to #d4981f

#d4981f Preview

Shades and Tints of #d4981f

Tones of #d4981f

Color Blindness Simulator