#d48a2a hex color

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

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

● #d48a2a color description : Strong orange.

The hexadecimal color #d48a2a has RGB values of R:212, G:138, B:42 and CMYK values of C:0, M:0.35, Y:0.8, K:0.17. Its decimal value is 13929002.

Hex triplet	d48a2a	`#d48a2a`
RGB Decimal	212, 138, 42	`rgb(212,138,42)`
RGB Percent	83.1, 54.1, 16.5	`rgb(83.1%,54.1%,16.5%)`
CMYK	0, 35, 80, 17
HSL	33.9°, 66.9, 49.8	`hsl(33.9,66.9%,49.8%)`
HSV (or HSB)	33.9°, 80.2, 83.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	63.626, 20.741, 59.11
XYZ	36.659, 32.344, 6.503
xyY	0.486, 0.428, 32.344
CIE-LCH	63.626, 62.643, 70.664
CIE-LUV	63.626, 60.416, 57.41
Hunter-Lab	56.872, 15.534, 33.031
Binary	11010100, 10001010, 00101010

#d48a2a
```
#d48a2a rgb(212,138,42)
```
#2a74d4
```
#2a74d4 rgb(42,116,212)
```

Complementary Color

#d4352a
```
#d4352a rgb(212,53,42)
```
#d48a2a
```
#d48a2a rgb(212,138,42)
```
#c9d42a
```
#c9d42a rgb(201,212,42)
```

Analogous Color

#352ad4
```
#352ad4 rgb(53,42,212)
```
#d48a2a
```
#d48a2a rgb(212,138,42)
```
#2ac9d4
```
#2ac9d4 rgb(42,201,212)
```

Split Complementary Color

#8a2ad4
```
#8a2ad4 rgb(138,42,212)
```
#d48a2a
```
#d48a2a rgb(212,138,42)
```
#2ad48a
```
#2ad48a rgb(42,212,138)
```

Triadic Color

#d42a74
```
#d42a74 rgb(212,42,116)
```
#d48a2a
```
#d48a2a rgb(212,138,42)
```
#2ad48a
```
#2ad48a rgb(42,212,138)
```
#2a74d4
```
#2a74d4 rgb(42,116,212)
```

Tetradic Color

#94601d
```
#94601d rgb(148,96,29)
```
#a96e22
```
#a96e22 rgb(169,110,34)
```
#bf7c26
```
#bf7c26 rgb(191,124,38)
```
#d48a2a
```
#d48a2a rgb(212,138,42)
```
#d9963f
```
#d9963f rgb(217,150,63)
```
#dda154
```
#dda154 rgb(221,161,84)
```
#e1ad69
```
#e1ad69 rgb(225,173,105)
```

Monochromatic Color

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

#d4602a
```
#d4602a rgb(212,96,42)
```
#d46e2a
```
#d46e2a rgb(212,110,42)
```
#d47c2a
```
#d47c2a rgb(212,124,42)
```
#d48a2a
```
#d48a2a rgb(212,138,42)
```
#d4982a
```
#d4982a rgb(212,152,42)
```
#d4a62a
```
#d4a62a rgb(212,166,42)
```
#d4b52a
```
#d4b52a rgb(212,181,42)
```

Similar Colors

Text with hexadecimal color #d48a2a

This text has a font color of #d48a2a.

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

#d48a2a background color

This paragraph has a background color of #d48a2a.

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

#d48a2a border color

This element has a border color of #d48a2a.

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

CSS codes

.text {color:#d48a2a;}

.background {background-color:#d48a2a;}

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

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

#100a03
```
#100a03 rgb(16,10,3)
```
#201506
```
#201506 rgb(32,21,6)
```
#301f0a
```
#301f0a rgb(48,31,10)
```
#412a0d
```
#412a0d rgb(65,42,13)
```
#513510
```
#513510 rgb(81,53,16)
```
#613f13
```
#613f13 rgb(97,63,19)
```
#724a17
```
#724a17 rgb(114,74,23)
```
#82551a
```
#82551a rgb(130,85,26)
```
#935f1d
```
#935f1d rgb(147,95,29)
```
#a36a20
```
#a36a20 rgb(163,106,32)
```
#b37524
```
#b37524 rgb(179,117,36)
```
#c47f27
```
#c47f27 rgb(196,127,39)
```
#d48a2a
```
#d48a2a rgb(212,138,42)
```

Shade Color Variation

#d8933a
```
#d8933a rgb(216,147,58)
```
#db9c4a
```
#db9c4a rgb(219,156,74)
```
#dea55a
```
#dea55a rgb(222,165,90)
```
#e2ae6b
```
#e2ae6b rgb(226,174,107)
```
#e5b77b
```
#e5b77b rgb(229,183,123)
```
#e8c08c
```
#e8c08c rgb(232,192,140)
```
#ebc99c
```
#ebc99c rgb(235,201,156)
```
#efd2ac
```
#efd2ac rgb(239,210,172)
```
#f2dbbd
```
#f2dbbd rgb(242,219,189)
```
#f5e4cd
```
#f5e4cd rgb(245,228,205)
```
#f8eddd
```
#f8eddd rgb(248,237,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, #868078 is the less saturated color, while #fb8f03 is the most saturated one.

#868078
```
#868078 rgb(134,128,120)
```
#90816e
```
#90816e rgb(144,129,110)
```
#998265
```
#998265 rgb(153,130,101)
```
#a3845b
```
#a3845b rgb(163,132,91)
```
#ad8551
```
#ad8551 rgb(173,133,81)
```
#b78647
```
#b78647 rgb(183,134,71)
```
#c0873e
```
#c0873e rgb(192,135,62)
```
#ca8934
```
#ca8934 rgb(202,137,52)
```
#d48a2a
```
#d48a2a rgb(212,138,42)
```
#de8b20
```
#de8b20 rgb(222,139,32)
```
#e88d16
```
#e88d16 rgb(232,141,22)
```
#f18e0d
```
#f18e0d rgb(241,142,13)
```
#fb8f03
```
#fb8f03 rgb(251,143,3)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#a29380 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b19f39 Protanopia 1% of men
#c69731 Deuteranopia 1% of men
#db8790 Tritanopia 0.001% of the population

Trichromacy

#be9733 Protanomaly 1% of men, 0.01% of women
#cb922e Deuteranomaly 6% of men, 0.4% of women
#d8886b Tritanomaly 0.01% of the population

#d48a2a hex color

#d48a2a Color Information

#d48a2a Color Conversion

Color Schemes with #d48a2a

Alternatives to #d48a2a

#d48a2a Preview

Shades and Tints of #d48a2a

Tones of #d48a2a

Color Blindness Simulator