#d4942a hex color

In a RGB color space, hex #d4942a is composed of 83.1% red, 58% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.2% magenta, 80.2% yellow and 16.9% black. It has a hue angle of 37.4 degrees, a saturation of 66.9% and a lightness of 49.8%. #d4942a color hex could be obtained by blending #ffff54 with #a92900. Closest websafe color is: #cc9933.

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

● #d4942a color description : Strong orange.

The hexadecimal color #d4942a has RGB values of R:212, G:148, B:42 and CMYK values of C:0, M:0.3, Y:0.8, K:0.17. Its decimal value is 13931562.

Hex triplet	d4942a	`#d4942a`
RGB Decimal	212, 148, 42	`rgb(212,148,42)`
RGB Percent	83.1, 58, 16.5	`rgb(83.1%,58%,16.5%)`
CMYK	0, 30, 80, 17
HSL	37.4°, 66.9, 49.8	`hsl(37.4,66.9%,49.8%)`
HSV (or HSB)	37.4°, 80.2, 83.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.018, 15.335, 61.277
XYZ	38.16, 35.346, 7.003
xyY	0.474, 0.439, 35.346
CIE-LCH	66.018, 63.167, 75.95
CIE-LUV	66.018, 52.481, 61.3
Hunter-Lab	59.453, 10.528, 34.633
Binary	11010100, 10010100, 00101010

#d4942a
```
#d4942a rgb(212,148,42)
```
#2a6ad4
```
#2a6ad4 rgb(42,106,212)
```

Complementary Color

#d43f2a
```
#d43f2a rgb(212,63,42)
```
#d4942a
```
#d4942a rgb(212,148,42)
```
#bfd42a
```
#bfd42a rgb(191,212,42)
```

Analogous Color

#3f2ad4
```
#3f2ad4 rgb(63,42,212)
```
#d4942a
```
#d4942a rgb(212,148,42)
```
#2abfd4
```
#2abfd4 rgb(42,191,212)
```

Split Complementary Color

#942ad4
```
#942ad4 rgb(148,42,212)
```
#d4942a
```
#d4942a rgb(212,148,42)
```
#2ad494
```
#2ad494 rgb(42,212,148)
```

Triadic Color

#d42a6a
```
#d42a6a rgb(212,42,106)
```
#d4942a
```
#d4942a rgb(212,148,42)
```
#2ad494
```
#2ad494 rgb(42,212,148)
```
#2a6ad4
```
#2a6ad4 rgb(42,106,212)
```

Tetradic Color

#94671d
```
#94671d rgb(148,103,29)
```
#a97622
```
#a97622 rgb(169,118,34)
```
#bf8526
```
#bf8526 rgb(191,133,38)
```
#d4942a
```
#d4942a rgb(212,148,42)
```
#d99f3f
```
#d99f3f rgb(217,159,63)
```
#dda954
```
#dda954 rgb(221,169,84)
```
#e1b469
```
#e1b469 rgb(225,180,105)
```

Monochromatic Color

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

#d46a2a
```
#d46a2a rgb(212,106,42)
```
#d4782a
```
#d4782a rgb(212,120,42)
```
#d4862a
```
#d4862a rgb(212,134,42)
```
#d4942a
```
#d4942a rgb(212,148,42)
```
#d4a22a
```
#d4a22a rgb(212,162,42)
```
#d4b02a
```
#d4b02a rgb(212,176,42)
```
#d4bf2a
```
#d4bf2a rgb(212,191,42)
```

Similar Colors

Text with hexadecimal color #d4942a

This text has a font color of #d4942a.

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

#d4942a background color

This paragraph has a background color of #d4942a.

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

#d4942a border color

This element has a border color of #d4942a.

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

CSS codes

.text {color:#d4942a;}

.background {background-color:#d4942a;}

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

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, #100b03 is the darkest color, while #fffffe is the lightest one.

#100b03
```
#100b03 rgb(16,11,3)
```
#201606
```
#201606 rgb(32,22,6)
```
#30220a
```
#30220a rgb(48,34,10)
```
#412d0d
```
#412d0d rgb(65,45,13)
```
#513910
```
#513910 rgb(81,57,16)
```
#614413
```
#614413 rgb(97,68,19)
```
#724f17
```
#724f17 rgb(114,79,23)
```
#825b1a
```
#825b1a rgb(130,91,26)
```
#93661d
```
#93661d rgb(147,102,29)
```
#a37220
```
#a37220 rgb(163,114,32)
```
#b37d24
```
#b37d24 rgb(179,125,36)
```
#c48927
```
#c48927 rgb(196,137,39)
```
#d4942a
```
#d4942a rgb(212,148,42)
```

Shade Color Variation

#d89c3a
```
#d89c3a rgb(216,156,58)
```
#dba54a
```
#dba54a rgb(219,165,74)
```
#dead5a
```
#dead5a rgb(222,173,90)
```
#e2b56b
```
#e2b56b rgb(226,181,107)
```
#e5bd7b
```
#e5bd7b rgb(229,189,123)
```
#e8c58c
```
#e8c58c rgb(232,197,140)
```
#ebcd9c
```
#ebcd9c rgb(235,205,156)
```
#efd6ac
```
#efd6ac rgb(239,214,172)
```
#f2debd
```
#f2debd rgb(242,222,189)
```
#f5e6cd
```
#f5e6cd rgb(245,230,205)
```
#f8eedd
```
#f8eedd rgb(248,238,221)
```
#fcf6ee
```
#fcf6ee rgb(252,246,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#868178
```
#868178 rgb(134,129,120)
```
#90836e
```
#90836e rgb(144,131,110)
```
#998665
```
#998665 rgb(153,134,101)
```
#a3885b
```
#a3885b rgb(163,136,91)
```
#ad8a51
```
#ad8a51 rgb(173,138,81)
```
#b78d47
```
#b78d47 rgb(183,141,71)
```
#c08f3e
```
#c08f3e rgb(192,143,62)
```
#ca9234
```
#ca9234 rgb(202,146,52)
```
#d4942a
```
#d4942a rgb(212,148,42)
```
#de9620
```
#de9620 rgb(222,150,32)
```
#e89916
```
#e89916 rgb(232,153,22)
```
#f19b0d
```
#f19b0d rgb(241,155,13)
```
#fb9e03
```
#fb9e03 rgb(251,158,3)
```

Tone Color Variation

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

Dichromacy

#b8a538 Protanopia 1% of men
#cd9d33 Deuteranopia 1% of men
#dc9099 Tritanopia 0.001% of the population

Trichromacy

#c29f33 Protanomaly 1% of men, 0.01% of women
#cf9a2f Deuteranomaly 6% of men, 0.4% of women
#d99171 Tritanomaly 0.01% of the population

#d4942a hex color

#d4942a Color Information

#d4942a Color Conversion

Color Schemes with #d4942a

Alternatives to #d4942a

#d4942a Preview

Shades and Tints of #d4942a

Tones of #d4942a

Color Blindness Simulator