#d3a22d hex color

In a RGB color space, hex #d3a22d is composed of 82.7% red, 63.5% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.2% magenta, 78.7% yellow and 17.3% black. It has a hue angle of 42.3 degrees, a saturation of 65.4% and a lightness of 50.2%. #d3a22d color hex could be obtained by blending #ffff5a with #a74500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 83
- G 64
- B 18
RGB color chart
- C 0
- M 23
- Y 79
- K 17
CMYK color chart

● #d3a22d color description : Strong orange.

The hexadecimal color #d3a22d has RGB values of R:211, G:162, B:45 and CMYK values of C:0, M:0.23, Y:0.79, K:0.17. Its decimal value is 13869613.

Hex triplet	d3a22d	`#d3a22d`
RGB Decimal	211, 162, 45	`rgb(211,162,45)`
RGB Percent	82.7, 63.5, 17.6	`rgb(82.7%,63.5%,17.6%)`
CMYK	0, 23, 79, 17
HSL	42.3°, 65.4, 50.2	`hsl(42.3,65.4%,50.2%)`
HSV (or HSB)	42.3°, 78.7, 82.7
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.385, 7.463, 63.239
XYZ	40.259, 39.881, 8.06
xyY	0.456, 0.452, 39.881
CIE-LCH	69.385, 63.678, 83.27
CIE-LUV	69.385, 40.747, 66.133
Hunter-Lab	63.151, 3.278, 36.639
Binary	11010011, 10100010, 00101101

#d3a22d
```
#d3a22d rgb(211,162,45)
```
#2d5ed3
```
#2d5ed3 rgb(45,94,211)
```

Complementary Color

#d34f2d
```
#d34f2d rgb(211,79,45)
```
#d3a22d
```
#d3a22d rgb(211,162,45)
```
#b1d32d
```
#b1d32d rgb(177,211,45)
```

Analogous Color

#4f2dd3
```
#4f2dd3 rgb(79,45,211)
```
#d3a22d
```
#d3a22d rgb(211,162,45)
```
#2db1d3
```
#2db1d3 rgb(45,177,211)
```

Split Complementary Color

#a22dd3
```
#a22dd3 rgb(162,45,211)
```
#d3a22d
```
#d3a22d rgb(211,162,45)
```
#2dd3a2
```
#2dd3a2 rgb(45,211,162)
```

Triadic Color

#d32d5e
```
#d32d5e rgb(211,45,94)
```
#d3a22d
```
#d3a22d rgb(211,162,45)
```
#2dd3a2
```
#2dd3a2 rgb(45,211,162)
```
#2d5ed3
```
#2d5ed3 rgb(45,94,211)
```

Tetradic Color

#94721f
```
#94721f rgb(148,114,31)
```
#a98224
```
#a98224 rgb(169,130,36)
```
#bf9228
```
#bf9228 rgb(191,146,40)
```
#d3a22d
```
#d3a22d rgb(211,162,45)
```
#d7ab42
```
#d7ab42 rgb(215,171,66)
```
#dcb557
```
#dcb557 rgb(220,181,87)
```
#e0be6c
```
#e0be6c rgb(224,190,108)
```

Monochromatic Color

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

#d3792d
```
#d3792d rgb(211,121,45)
```
#d3862d
```
#d3862d rgb(211,134,45)
```
#d3942d
```
#d3942d rgb(211,148,45)
```
#d3a22d
```
#d3a22d rgb(211,162,45)
```
#d3b02d
```
#d3b02d rgb(211,176,45)
```
#d3be2d
```
#d3be2d rgb(211,190,45)
```
#d3cc2d
```
#d3cc2d rgb(211,204,45)
```

Similar Colors

Text with hexadecimal color #d3a22d

This text has a font color of #d3a22d.

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

#d3a22d background color

This paragraph has a background color of #d3a22d.

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

#d3a22d border color

This element has a border color of #d3a22d.

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

CSS codes

.text {color:#d3a22d;}

.background {background-color:#d3a22d;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#110d04
```
#110d04 rgb(17,13,4)
```
#211a07
```
#211a07 rgb(33,26,7)
```
#31260a
```
#31260a rgb(49,38,10)
```
#42320e
```
#42320e rgb(66,50,14)
```
#523f11
```
#523f11 rgb(82,63,17)
```
#624b15
```
#624b15 rgb(98,75,21)
```
#725818
```
#725818 rgb(114,88,24)
```
#83641b
```
#83641b rgb(131,100,27)
```
#93711f
```
#93711f rgb(147,113,31)
```
#a37d22
```
#a37d22 rgb(163,125,34)
```
#b38926
```
#b38926 rgb(179,137,38)
```
#c39629
```
#c39629 rgb(195,150,41)
```

Shade Color Variation

#d3a22d
```
#d3a22d rgb(211,162,45)
```
#d6a93d
```
#d6a93d rgb(214,169,61)
```
#dab04d
```
#dab04d rgb(218,176,77)
```
#ddb85e
```
#ddb85e rgb(221,184,94)
```
#e1bf6e
```
#e1bf6e rgb(225,191,110)
```
#e4c67e
```
#e4c67e rgb(228,198,126)
```
#e7cd8e
```
#e7cd8e rgb(231,205,142)
```
#ebd49f
```
#ebd49f rgb(235,212,159)
```
#eedbaf
```
#eedbaf rgb(238,219,175)
```
#f2e3bf
```
#f2e3bf rgb(242,227,191)
```
#f5eacf
```
#f5eacf rgb(245,234,207)
```
#f8f1df
```
#f8f1df rgb(248,241,223)
```
#fcf8f0
```
#fcf8f0 rgb(252,248,240)
```

Tint Color Variation

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

#85827b
```
#85827b rgb(133,130,123)
```
#8f8671
```
#8f8671 rgb(143,134,113)
```
#988a68
```
#988a68 rgb(152,138,104)
```
#a28e5e
```
#a28e5e rgb(162,142,94)
```
#ac9254
```
#ac9254 rgb(172,146,84)
```
#b6964a
```
#b6964a rgb(182,150,74)
```
#bf9a41
```
#bf9a41 rgb(191,154,65)
```
#c99e37
```
#c99e37 rgb(201,158,55)
```
#d3a22d
```
#d3a22d rgb(211,162,45)
```
#dda623
```
#dda623 rgb(221,166,35)
```
#e7aa19
```
#e7aa19 rgb(231,170,25)
```
#f0ae10
```
#f0ae10 rgb(240,174,16)
```
#fab206
```
#fab206 rgb(250,178,6)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#ada38b Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1ae39 Protanopia 1% of men
#d7a538 Deuteranopia 1% of men
#dd9ca7 Tritanopia 0.001% of the population

Trichromacy

#c8a935 Protanomaly 1% of men, 0.01% of women
#d6a434 Deuteranomaly 6% of men, 0.4% of women
#d99e7a Tritanomaly 0.01% of the population

#d3a22d hex color

#d3a22d Color Information

#d3a22d Color Conversion

Color Schemes with #d3a22d

Alternatives to #d3a22d

#d3a22d Preview

Shades and Tints of #d3a22d

Tones of #d3a22d

Color Blindness Simulator