#d3942f hex color

In a RGB color space, hex #d3942f is composed of 82.7% red, 58% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.9% magenta, 77.7% yellow and 17.3% black. It has a hue angle of 37 degrees, a saturation of 65.1% and a lightness of 50.6%. #d3942f color hex could be obtained by blending #ffff5e with #a72900. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 83
- G 58
- B 18
RGB color chart
- C 0
- M 30
- Y 78
- K 17
CMYK color chart

● #d3942f color description : Strong orange.

The hexadecimal color #d3942f has RGB values of R:211, G:148, B:47 and CMYK values of C:0, M:0.3, Y:0.78, K:0.17. Its decimal value is 13866031.

Hex triplet	d3942f	`#d3942f`
RGB Decimal	211, 148, 47	`rgb(211,148,47)`
RGB Percent	82.7, 58, 18.4	`rgb(82.7%,58%,18.4%)`
CMYK	0, 30, 78, 17
HSL	37°, 65.1, 50.6	`hsl(37,65.1%,50.6%)`
HSV (or HSB)	37°, 77.7, 82.7
Web Safe	cc9933	`#cc9933`

CIE-LAB	65.932, 15.082, 59.312
XYZ	37.968, 35.236, 7.491
xyY	0.471, 0.437, 35.236
CIE-LCH	65.932, 61.199, 75.733
CIE-LUV	65.932, 51.438, 60.078
Hunter-Lab	59.36, 10.291, 34.07
Binary	11010011, 10010100, 00101111

#d3942f
```
#d3942f rgb(211,148,47)
```
#2f6ed3
```
#2f6ed3 rgb(47,110,211)
```

Complementary Color

#d3422f
```
#d3422f rgb(211,66,47)
```
#d3942f
```
#d3942f rgb(211,148,47)
```
#c0d32f
```
#c0d32f rgb(192,211,47)
```

Analogous Color

#422fd3
```
#422fd3 rgb(66,47,211)
```
#d3942f
```
#d3942f rgb(211,148,47)
```
#2fc0d3
```
#2fc0d3 rgb(47,192,211)
```

Split Complementary Color

#942fd3
```
#942fd3 rgb(148,47,211)
```
#d3942f
```
#d3942f rgb(211,148,47)
```
#2fd394
```
#2fd394 rgb(47,211,148)
```

Triadic Color

#d32f6e
```
#d32f6e rgb(211,47,110)
```
#d3942f
```
#d3942f rgb(211,148,47)
```
#2fd394
```
#2fd394 rgb(47,211,148)
```
#2f6ed3
```
#2f6ed3 rgb(47,110,211)
```

Tetradic Color

#966820
```
#966820 rgb(150,104,32)
```
#ab7724
```
#ab7724 rgb(171,119,36)
```
#c08629
```
#c08629 rgb(192,134,41)
```
#d3942f
```
#d3942f rgb(211,148,47)
```
#d79f44
```
#d79f44 rgb(215,159,68)
```
#dcaa59
```
#dcaa59 rgb(220,170,89)
```
#e0b46e
```
#e0b46e rgb(224,180,110)
```

Monochromatic Color

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

#d36b2f
```
#d36b2f rgb(211,107,47)
```
#d3792f
```
#d3792f rgb(211,121,47)
```
#d3862f
```
#d3862f rgb(211,134,47)
```
#d3942f
```
#d3942f rgb(211,148,47)
```
#d3a22f
```
#d3a22f rgb(211,162,47)
```
#d3af2f
```
#d3af2f rgb(211,175,47)
```
#d3bd2f
```
#d3bd2f rgb(211,189,47)
```

Similar Colors

Text with hexadecimal color #d3942f

This text has a font color of #d3942f.

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

#d3942f background color

This paragraph has a background color of #d3942f.

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

#d3942f border color

This element has a border color of #d3942f.

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

CSS codes

.text {color:#d3942f;}

.background {background-color:#d3942f;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#130d04
```
#130d04 rgb(19,13,4)
```
#231807
```
#231807 rgb(35,24,7)
```
#33240b
```
#33240b rgb(51,36,11)
```
#432f0e
```
#432f0e rgb(67,47,14)
```
#533a12
```
#533a12 rgb(83,58,18)
```
#644515
```
#644515 rgb(100,69,21)
```
#745118
```
#745118 rgb(116,81,24)
```
#845c1c
```
#845c1c rgb(132,92,28)
```
#94671f
```
#94671f rgb(148,103,31)
```
#a47323
```
#a47323 rgb(164,115,35)
```
#b57e26
```
#b57e26 rgb(181,126,38)
```
#c5892a
```
#c5892a rgb(197,137,42)
```

Shade Color Variation

#d3942f
```
#d3942f rgb(211,148,47)
```
#d69c3f
```
#d69c3f rgb(214,156,63)
```
#daa54f
```
#daa54f rgb(218,165,79)
```
#ddad60
```
#ddad60 rgb(221,173,96)
```
#e1b570
```
#e1b570 rgb(225,181,112)
```
#e4be80
```
#e4be80 rgb(228,190,128)
```
#e8c690
```
#e8c690 rgb(232,198,144)
```
#ebcea0
```
#ebcea0 rgb(235,206,160)
```
#eed7b1
```
#eed7b1 rgb(238,215,177)
```
#f2dfc1
```
#f2dfc1 rgb(242,223,193)
```
#f5e7d1
```
#f5e7d1 rgb(245,231,209)
```
#f9f0e1
```
#f9f0e1 rgb(249,240,225)
```
#fcf8f1
```
#fcf8f1 rgb(252,248,241)
```

Tint Color Variation

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

#85827d
```
#85827d rgb(133,130,125)
```
#8f8473
```
#8f8473 rgb(143,132,115)
```
#998769
```
#998769 rgb(153,135,105)
```
#a3895f
```
#a3895f rgb(163,137,95)
```
#ac8b56
```
#ac8b56 rgb(172,139,86)
```
#b68d4c
```
#b68d4c rgb(182,141,76)
```
#c09042
```
#c09042 rgb(192,144,66)
```
#c99239
```
#c99239 rgb(201,146,57)
```
#d3942f
```
#d3942f rgb(211,148,47)
```
#dd9625
```
#dd9625 rgb(221,150,37)
```
#e6981c
```
#e6981c rgb(230,152,28)
```
#f09b12
```
#f09b12 rgb(240,155,18)
```
#fa9d08
```
#fa9d08 rgb(250,157,8)
```

Tone Color Variation

Below, you can see how #d3942f 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
#a69a85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7a53c Protanopia 1% of men
#cc9d38 Deuteranopia 1% of men
#db909a Tritanopia 0.001% of the population

Trichromacy

#c19f37 Protanomaly 1% of men, 0.01% of women
#cf9934 Deuteranomaly 6% of men, 0.4% of women
#d89173 Tritanomaly 0.01% of the population

#d3942f hex color

#d3942f Color Information

#d3942f Color Conversion

Color Schemes with #d3942f

Alternatives to #d3942f

#d3942f Preview

Shades and Tints of #d3942f

Tones of #d3942f

Color Blindness Simulator