#d2a22d hex color

In a RGB color space, hex #d2a22d is composed of 82.4% red, 63.5% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.9% magenta, 78.6% yellow and 17.6% black. It has a hue angle of 42.5 degrees, a saturation of 64.7% and a lightness of 50%. #d2a22d color hex could be obtained by blending #ffff5a with #a54500. Closest websafe color is: #cc9933.

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

● #d2a22d color description : Strong orange.

The hexadecimal color #d2a22d has RGB values of R:210, G:162, B:45 and CMYK values of C:0, M:0.23, Y:0.79, K:0.18. Its decimal value is 13804077.

Hex triplet	d2a22d	`#d2a22d`
RGB Decimal	210, 162, 45	`rgb(210,162,45)`
RGB Percent	82.4, 63.5, 17.6	`rgb(82.4%,63.5%,17.6%)`
CMYK	0, 23, 79, 18
HSL	42.5°, 64.7, 50	`hsl(42.5,64.7%,50%)`
HSV (or HSB)	42.5°, 78.6, 82.4
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.28, 7.026, 63.104
XYZ	39.973, 39.734, 8.047
xyY	0.456, 0.453, 39.734
CIE-LCH	69.28, 63.494, 83.647
CIE-LUV	69.28, 39.967, 66.098
Hunter-Lab	63.035, 2.884, 36.556
Binary	11010010, 10100010, 00101101

#d2a22d
```
#d2a22d rgb(210,162,45)
```
#2d5dd2
```
#2d5dd2 rgb(45,93,210)
```

Complementary Color

#d2502d
```
#d2502d rgb(210,80,45)
```
#d2a22d
```
#d2a22d rgb(210,162,45)
```
#b0d22d
```
#b0d22d rgb(176,210,45)
```

Analogous Color

#502dd2
```
#502dd2 rgb(80,45,210)
```
#d2a22d
```
#d2a22d rgb(210,162,45)
```
#2db0d2
```
#2db0d2 rgb(45,176,210)
```

Split Complementary Color

#a22dd2
```
#a22dd2 rgb(162,45,210)
```
#d2a22d
```
#d2a22d rgb(210,162,45)
```
#2dd2a2
```
#2dd2a2 rgb(45,210,162)
```

Triadic Color

#d22d5d
```
#d22d5d rgb(210,45,93)
```
#d2a22d
```
#d2a22d rgb(210,162,45)
```
#2dd2a2
```
#2dd2a2 rgb(45,210,162)
```
#2d5dd2
```
#2d5dd2 rgb(45,93,210)
```

Tetradic Color

#937120
```
#937120 rgb(147,113,32)
```
#a88224
```
#a88224 rgb(168,130,36)
```
#bd9229
```
#bd9229 rgb(189,146,41)
```
#d2a22d
```
#d2a22d rgb(210,162,45)
```
#d7ab42
```
#d7ab42 rgb(215,171,66)
```
#dbb557
```
#dbb557 rgb(219,181,87)
```
#e0be6c
```
#e0be6c rgb(224,190,108)
```

Monochromatic Color

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

#d2792d
```
#d2792d rgb(210,121,45)
```
#d2872d
```
#d2872d rgb(210,135,45)
```
#d2942d
```
#d2942d rgb(210,148,45)
```
#d2a22d
```
#d2a22d rgb(210,162,45)
```
#d2b02d
```
#d2b02d rgb(210,176,45)
```
#d2be2d
```
#d2be2d rgb(210,190,45)
```
#d2cb2d
```
#d2cb2d rgb(210,203,45)
```

Similar Colors

Text with hexadecimal color #d2a22d

This text has a font color of #d2a22d.

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

#d2a22d background color

This paragraph has a background color of #d2a22d.

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

#d2a22d border color

This element has a border color of #d2a22d.

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

CSS codes

.text {color:#d2a22d;}

.background {background-color:#d2a22d;}

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

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

#100c03
```
#100c03 rgb(16,12,3)
```
#201907
```
#201907 rgb(32,25,7)
```
#30250a
```
#30250a rgb(48,37,10)
```
#41320e
```
#41320e rgb(65,50,14)
```
#513e11
```
#513e11 rgb(81,62,17)
```
#614b15
```
#614b15 rgb(97,75,21)
```
#715718
```
#715718 rgb(113,87,24)
```
#81641c
```
#81641c rgb(129,100,28)
```
#91701f
```
#91701f rgb(145,112,31)
```
#a27d23
```
#a27d23 rgb(162,125,35)
```
#b28926
```
#b28926 rgb(178,137,38)
```
#c2962a
```
#c2962a rgb(194,150,42)
```
#d2a22d
```
#d2a22d rgb(210,162,45)
```

Shade Color Variation

#d5a93d
```
#d5a93d rgb(213,169,61)
```
#d9b04d
```
#d9b04d rgb(217,176,77)
```
#dcb75d
```
#dcb75d rgb(220,183,93)
```
#e0bf6e
```
#e0bf6e rgb(224,191,110)
```
#e3c67e
```
#e3c67e rgb(227,198,126)
```
#e7cd8e
```
#e7cd8e rgb(231,205,142)
```
#ead49e
```
#ead49e rgb(234,212,158)
```
#eedbae
```
#eedbae rgb(238,219,174)
```
#f1e2be
```
#f1e2be rgb(241,226,190)
```
#f5eacf
```
#f5eacf rgb(245,234,207)
```
#f8f1df
```
#f8f1df rgb(248,241,223)
```
#fcf8ef
```
#fcf8ef rgb(252,248,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#84817b
```
#84817b rgb(132,129,123)
```
#8d8572
```
#8d8572 rgb(141,133,114)
```
#978968
```
#978968 rgb(151,137,104)
```
#a18d5e
```
#a18d5e rgb(161,141,94)
```
#ab9254
```
#ab9254 rgb(171,146,84)
```
#b5964a
```
#b5964a rgb(181,150,74)
```
#be9a41
```
#be9a41 rgb(190,154,65)
```
#c89e37
```
#c89e37 rgb(200,158,55)
```
#d2a22d
```
#d2a22d rgb(210,162,45)
```
#dca623
```
#dca623 rgb(220,166,35)
```
#e6aa19
```
#e6aa19 rgb(230,170,25)
```
#efae10
```
#efae10 rgb(239,174,16)
```
#f9b206
```
#f9b206 rgb(249,178,6)
```

Tone Color Variation

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

Dichromacy

#c1ad39 Protanopia 1% of men
#d7a538 Deuteranopia 1% of men
#dc9ca7 Tritanopia 0.001% of the population

Trichromacy

#c7a935 Protanomaly 1% of men, 0.01% of women
#d5a434 Deuteranomaly 6% of men, 0.4% of women
#d89e7a Tritanomaly 0.01% of the population

#d2a22d hex color

#d2a22d Color Information

#d2a22d Color Conversion

Color Schemes with #d2a22d

Alternatives to #d2a22d

#d2a22d Preview

Shades and Tints of #d2a22d

Tones of #d2a22d

Color Blindness Simulator