colorhexa.com

#d1822f hex color

In a RGB color space, hex #d1822f is composed of 82% red, 51% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37.8% magenta, 77.5% yellow and 18% black. It has a hue angle of 30.7 degrees, a saturation of 63.8% and a lightness of 50.2%. #d1822f color hex could be obtained by blending #ffff5e with #a30500. Closest websafe color is: #cc9933.

- R 82
- G 51
- B 18
RGB color chart
- C 0
- M 38
- Y 78
- K 18
CMYK color chart

● #d1822f color description : Strong orange.

The hexadecimal color #d1822f has RGB values of R:209, G:130, B:47 and CMYK values of C:0, M:0.38, Y:0.78, K:0.18. Its decimal value is 13730351.

Hex triplet	d1822f	`#d1822f`
RGB Decimal	209, 130, 47	`rgb(209,130,47)`
RGB Percent	82, 51, 18.4	`rgb(82%,51%,18.4%)`
CMYK	0, 38, 78, 18
HSL	30.7°, 63.8, 50.2	`hsl(30.7,63.8%,50.2%)`
HSV (or HSB)	30.7°, 77.5, 82
Web Safe	cc9933	`#cc9933`

CIE-LAB	61.419, 23.965, 54.937
XYZ	34.791, 29.728, 6.595
xyY	0.489, 0.418, 29.728
CIE-LCH	61.419, 59.936, 66.432
CIE-LUV	61.419, 64.044, 52.887
Hunter-Lab	54.524, 18.483, 30.995
Binary	11010001, 10000010, 00101111

#d1822f
```
#d1822f rgb(209,130,47)
```
#2f7ed1
```
#2f7ed1 rgb(47,126,209)
```

Complementary Color

#d1312f
```
#d1312f rgb(209,49,47)
```
#d1822f
```
#d1822f rgb(209,130,47)
```
#cfd12f
```
#cfd12f rgb(207,209,47)
```

Analogous Color

#312fd1
```
#312fd1 rgb(49,47,209)
```
#d1822f
```
#d1822f rgb(209,130,47)
```
#2fcfd1
```
#2fcfd1 rgb(47,207,209)
```

Split Complementary Color

#822fd1
```
#822fd1 rgb(130,47,209)
```
#d1822f
```
#d1822f rgb(209,130,47)
```
#2fd182
```
#2fd182 rgb(47,209,130)
```

Triadic Color

#d12f7e
```
#d12f7e rgb(209,47,126)
```
#d1822f
```
#d1822f rgb(209,130,47)
```
#2fd182
```
#2fd182 rgb(47,209,130)
```
#2f7ed1
```
#2f7ed1 rgb(47,126,209)
```

Tetradic Color

#935b21
```
#935b21 rgb(147,91,33)
```
#a86825
```
#a86825 rgb(168,104,37)
```
#bd752a
```
#bd752a rgb(189,117,42)
```
#d1822f
```
#d1822f rgb(209,130,47)
```
#d68f44
```
#d68f44 rgb(214,143,68)
```
#da9b59
```
#da9b59 rgb(218,155,89)
```
#dfa86e
```
#dfa86e rgb(223,168,110)
```

Monochromatic Color

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

#d15a2f
```
#d15a2f rgb(209,90,47)
```
#d1672f
```
#d1672f rgb(209,103,47)
```
#d1752f
```
#d1752f rgb(209,117,47)
```
#d1822f
```
#d1822f rgb(209,130,47)
```
#d1902f
```
#d1902f rgb(209,144,47)
```
#d19d2f
```
#d19d2f rgb(209,157,47)
```
#d1ab2f
```
#d1ab2f rgb(209,171,47)
```

Similar Colors

Text with hexadecimal color #d1822f

This text has a font color of #d1822f.

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

#d1822f background color

This paragraph has a background color of #d1822f.

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

#d1822f border color

This element has a border color of #d1822f.

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

CSS codes

.text {color:#d1822f;}

.background {background-color:#d1822f;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#110a04
```
#110a04 rgb(17,10,4)
```
#211407
```
#211407 rgb(33,20,7)
```
#311e0b
```
#311e0b rgb(49,30,11)
```
#41280e
```
#41280e rgb(65,40,14)
```
#513212
```
#513212 rgb(81,50,18)
```
#613c15
```
#613c15 rgb(97,60,21)
```
#714619
```
#714619 rgb(113,70,25)
```
#81501d
```
#81501d rgb(129,80,29)
```
#915a20
```
#915a20 rgb(145,90,32)
```
#a16424
```
#a16424 rgb(161,100,36)
```
#b26e27
```
#b26e27 rgb(178,110,39)
```
#c2782b
```
#c2782b rgb(194,120,43)
```

Shade Color Variation

#d1822f
```
#d1822f rgb(209,130,47)
```
#d58c3f
```
#d58c3f rgb(213,140,63)
```
#d8954f
```
#d8954f rgb(216,149,79)
```
#dc9f5f
```
#dc9f5f rgb(220,159,95)
```
#dfa96f
```
#dfa96f rgb(223,169,111)
```
#e3b27f
```
#e3b27f rgb(227,178,127)
```
#e6bc8f
```
#e6bc8f rgb(230,188,143)
```
#eac69f
```
#eac69f rgb(234,198,159)
```
#edcfb0
```
#edcfb0 rgb(237,207,176)
```
#f1d9c0
```
#f1d9c0 rgb(241,217,192)
```
#f5e3d0
```
#f5e3d0 rgb(245,227,208)
```
#f8ece0
```
#f8ece0 rgb(248,236,224)
```
#fcf6f0
```
#fcf6f0 rgb(252,246,240)
```

Tint Color Variation

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

#83807d
```
#83807d rgb(131,128,125)
```
#8d8073
```
#8d8073 rgb(141,128,115)
```
#96816a
```
#96816a rgb(150,129,106)
```
#a08160
```
#a08160 rgb(160,129,96)
```
#aa8156
```
#aa8156 rgb(170,129,86)
```
#b4814c
```
#b4814c rgb(180,129,76)
```
#bd8243
```
#bd8243 rgb(189,130,67)
```
#c78239
```
#c78239 rgb(199,130,57)
```
#d1822f
```
#d1822f rgb(209,130,47)
```
#db8225
```
#db8225 rgb(219,130,37)
```
#e5821b
```
#e5821b rgb(229,130,27)
```
#ee8312
```
#ee8312 rgb(238,131,18)
```
#f88308
```
#f88308 rgb(248,131,8)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#9d8d7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9a3e Protanopia 1% of men
#be9235 Deuteranopia 1% of men
#d88089 Tritanopia 0.001% of the population

Trichromacy

#b89138 Protanomaly 1% of men, 0.01% of women
#c58c33 Deuteranomaly 6% of men, 0.4% of women
#d58168 Tritanomaly 0.01% of the population