#d2a242 hex color

In a RGB color space, hex #d2a242 is composed of 82.4% red, 63.5% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.9% magenta, 68.6% yellow and 17.6% black. It has a hue angle of 40 degrees, a saturation of 61.5% and a lightness of 54.1%. #d2a242 color hex could be obtained by blending #ffff84 with #a54500. Closest websafe color is: #cc9933.

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

● #d2a242 color description : Moderate orange.

The hexadecimal color #d2a242 has RGB values of R:210, G:162, B:66 and CMYK values of C:0, M:0.23, Y:0.69, K:0.18. Its decimal value is 13804098.

Hex triplet	d2a242	`#d2a242`
RGB Decimal	210, 162, 66	`rgb(210,162,66)`
RGB Percent	82.4, 63.5, 25.9	`rgb(82.4%,63.5%,25.9%)`
CMYK	0, 23, 69, 18
HSL	40°, 61.5, 54.1	`hsl(40,61.5%,54.1%)`
HSV (or HSB)	40°, 68.6, 82.4
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.425, 7.984, 54.904
XYZ	40.483, 39.938, 10.731
xyY	0.444, 0.438, 39.938
CIE-LCH	69.425, 55.481, 81.726
CIE-LUV	69.425, 39.009, 60.244
Hunter-Lab	63.196, 3.751, 34.17
Binary	11010010, 10100010, 01000010

#d2a242
```
#d2a242 rgb(210,162,66)
```
#4272d2
```
#4272d2 rgb(66,114,210)
```

Complementary Color

#d25a42
```
#d25a42 rgb(210,90,66)
```
#d2a242
```
#d2a242 rgb(210,162,66)
```
#bad242
```
#bad242 rgb(186,210,66)
```

Analogous Color

#5a42d2
```
#5a42d2 rgb(90,66,210)
```
#d2a242
```
#d2a242 rgb(210,162,66)
```
#42bad2
```
#42bad2 rgb(66,186,210)
```

Split Complementary Color

#a242d2
```
#a242d2 rgb(162,66,210)
```
#d2a242
```
#d2a242 rgb(210,162,66)
```
#42d2a2
```
#42d2a2 rgb(66,210,162)
```

Triadic Color

#d24272
```
#d24272 rgb(210,66,114)
```
#d2a242
```
#d2a242 rgb(210,162,66)
```
#42d2a2
```
#42d2a2 rgb(66,210,162)
```
#4272d2
```
#4272d2 rgb(66,114,210)
```

Tetradic Color

#a17826
```
#a17826 rgb(161,120,38)
```
#b6882b
```
#b6882b rgb(182,136,43)
```
#ca9730
```
#ca9730 rgb(202,151,48)
```
#d2a242
```
#d2a242 rgb(210,162,66)
```
#d7ac57
```
#d7ac57 rgb(215,172,87)
```
#dcb66b
```
#dcb66b rgb(220,182,107)
```
#e1c080
```
#e1c080 rgb(225,192,128)
```

Monochromatic Color

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

#d27e42
```
#d27e42 rgb(210,126,66)
```
#d28a42
```
#d28a42 rgb(210,138,66)
```
#d29642
```
#d29642 rgb(210,150,66)
```
#d2a242
```
#d2a242 rgb(210,162,66)
```
#d2ae42
```
#d2ae42 rgb(210,174,66)
```
#d2ba42
```
#d2ba42 rgb(210,186,66)
```
#d2c642
```
#d2c642 rgb(210,198,66)
```

Similar Colors

Text with hexadecimal color #d2a242

This text has a font color of #d2a242.

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

#d2a242 background color

This paragraph has a background color of #d2a242.

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

#d2a242 border color

This element has a border color of #d2a242.

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

CSS codes

.text {color:#d2a242;}

.background {background-color:#d2a242;}

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

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 #fbf8f0 is the lightest one.

#010100
```
#010100 rgb(1,1,0)
```
#110d04
```
#110d04 rgb(17,13,4)
```
#211808
```
#211808 rgb(33,24,8)
```
#31240c
```
#31240c rgb(49,36,12)
```
#40300f
```
#40300f rgb(64,48,15)
```
#503c13
```
#503c13 rgb(80,60,19)
```
#604817
```
#604817 rgb(96,72,23)
```
#70541b
```
#70541b rgb(112,84,27)
```
#805f1e
```
#805f1e rgb(128,95,30)
```
#906b22
```
#906b22 rgb(144,107,34)
```
#a07726
```
#a07726 rgb(160,119,38)
```
#af832a
```
#af832a rgb(175,131,42)
```
#bf8f2e
```
#bf8f2e rgb(191,143,46)
```

Shade Color Variation

#ce9a32
```
#ce9a32 rgb(206,154,50)
```
#d2a242
```
#d2a242 rgb(210,162,66)
```
#d6aa52
```
#d6aa52 rgb(214,170,82)
```
#dab262
```
#dab262 rgb(218,178,98)
```
#ddb972
```
#ddb972 rgb(221,185,114)
```
#e1c181
```
#e1c181 rgb(225,193,129)
```
#e5c991
```
#e5c991 rgb(229,201,145)
```
#e9d1a1
```
#e9d1a1 rgb(233,209,161)
```
#ecd9b1
```
#ecd9b1 rgb(236,217,177)
```
#f0e0c1
```
#f0e0c1 rgb(240,224,193)
```
#f4e8d1
```
#f4e8d1 rgb(244,232,209)
```
#f8f0e0
```
#f8f0e0 rgb(248,240,224)
```
#fbf8f0
```
#fbf8f0 rgb(251,248,240)
```

Tint Color Variation

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

#938d81
```
#938d81 rgb(147,141,129)
```
#9c9078
```
#9c9078 rgb(156,144,120)
```
#a5936f
```
#a5936f rgb(165,147,111)
```
#ae9666
```
#ae9666 rgb(174,150,102)
```
#b7995d
```
#b7995d rgb(183,153,93)
```
#c09c54
```
#c09c54 rgb(192,156,84)
```
#c99f4b
```
#c99f4b rgb(201,159,75)
```
#d2a242
```
#d2a242 rgb(210,162,66)
```
#dba539
```
#dba539 rgb(219,165,57)
```
#e4a830
```
#e4a830 rgb(228,168,48)
```
#edab27
```
#edab27 rgb(237,171,39)
```
#f6ae1e
```
#f6ae1e rgb(246,174,30)
```
#ffb115
```
#ffb115 rgb(255,177,21)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#aea491 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0ae4d Protanopia 1% of men
#d6a64c Deuteranopia 1% of men
#db9da8 Tritanopia 0.001% of the population

Trichromacy

#c7a949 Protanomaly 1% of men, 0.01% of women
#d4a448 Deuteranomaly 6% of men, 0.4% of women
#d89e82 Tritanomaly 0.01% of the population

#d2a242 hex color

#d2a242 Color Information

#d2a242 Color Conversion

Color Schemes with #d2a242

Alternatives to #d2a242

#d2a242 Preview

Shades and Tints of #d2a242

Tones of #d2a242

Color Blindness Simulator