#d18228 hex color

In a RGB color space, hex #d18228 is composed of 82% red, 51% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37.8% magenta, 80.9% yellow and 18% black. It has a hue angle of 32 degrees, a saturation of 67.9% and a lightness of 48.8%. #d18228 color hex could be obtained by blending #ffff50 with #a30500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 82
- G 51
- B 16
RGB color chart
- C 0
- M 38
- Y 81
- K 18
CMYK color chart

● #d18228 color description : Strong orange.

The hexadecimal color #d18228 has RGB values of R:209, G:130, B:40 and CMYK values of C:0, M:0.38, Y:0.81, K:0.18. Its decimal value is 13730344.

Hex triplet	d18228	`#d18228`
RGB Decimal	209, 130, 40	`rgb(209,130,40)`
RGB Percent	82, 51, 15.7	`rgb(82%,51%,15.7%)`
CMYK	0, 38, 81, 18
HSL	32°, 67.9, 48.8	`hsl(32,67.9%,48.8%)`
HSV (or HSB)	32°, 80.9, 82
Web Safe	cc9933	`#cc9933`

CIE-LAB	61.374, 23.713, 57.678
XYZ	34.661, 29.676, 5.91
xyY	0.493, 0.422, 29.676
CIE-LCH	61.374, 62.362, 67.651
CIE-LUV	61.374, 64.485, 54.64
Hunter-Lab	54.476, 18.24, 31.701
Binary	11010001, 10000010, 00101000

#d18228
```
#d18228 rgb(209,130,40)
```
#2877d1
```
#2877d1 rgb(40,119,209)
```

Complementary Color

#d12e28
```
#d12e28 rgb(209,46,40)
```
#d18228
```
#d18228 rgb(209,130,40)
```
#ccd128
```
#ccd128 rgb(204,209,40)
```

Analogous Color

#2e28d1
```
#2e28d1 rgb(46,40,209)
```
#d18228
```
#d18228 rgb(209,130,40)
```
#28ccd1
```
#28ccd1 rgb(40,204,209)
```

Split Complementary Color

#8228d1
```
#8228d1 rgb(130,40,209)
```
#d18228
```
#d18228 rgb(209,130,40)
```
#28d182
```
#28d182 rgb(40,209,130)
```

Triadic Color

#d12877
```
#d12877 rgb(209,40,119)
```
#d18228
```
#d18228 rgb(209,130,40)
```
#28d182
```
#28d182 rgb(40,209,130)
```
#2877d1
```
#2877d1 rgb(40,119,209)
```

Tetradic Color

#915a1c
```
#915a1c rgb(145,90,28)
```
#a66720
```
#a66720 rgb(166,103,32)
```
#bc7524
```
#bc7524 rgb(188,117,36)
```
#d18228
```
#d18228 rgb(209,130,40)
```
#d98e39
```
#d98e39 rgb(217,142,57)
```
#dd9b4f
```
#dd9b4f rgb(221,155,79)
```
#e1a764
```
#e1a764 rgb(225,167,100)
```

Monochromatic Color

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

#d15828
```
#d15828 rgb(209,88,40)
```
#d16628
```
#d16628 rgb(209,102,40)
```
#d17428
```
#d17428 rgb(209,116,40)
```
#d18228
```
#d18228 rgb(209,130,40)
```
#d19028
```
#d19028 rgb(209,144,40)
```
#d19e28
```
#d19e28 rgb(209,158,40)
```
#d1ac28
```
#d1ac28 rgb(209,172,40)
```

Similar Colors

Text with hexadecimal color #d18228

This text has a font color of #d18228.

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

#d18228 background color

This paragraph has a background color of #d18228.

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

#d18228 border color

This element has a border color of #d18228.

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

CSS codes

.text {color:#d18228;}

.background {background-color:#d18228;}

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

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, #0b0702 is the darkest color, while #fefcfa is the lightest one.

#0b0702
```
#0b0702 rgb(11,7,2)
```
#1c1105
```
#1c1105 rgb(28,17,5)
```
#2c1c08
```
#2c1c08 rgb(44,28,8)
```
#3d260c
```
#3d260c rgb(61,38,12)
```
#4d300f
```
#4d300f rgb(77,48,15)
```
#5e3a12
```
#5e3a12 rgb(94,58,18)
```
#6e4515
```
#6e4515 rgb(110,69,21)
```
#7f4f18
```
#7f4f18 rgb(127,79,24)
```
#8f591b
```
#8f591b rgb(143,89,27)
```
#a0631f
```
#a0631f rgb(160,99,31)
```
#b06e22
```
#b06e22 rgb(176,110,34)
```
#c17825
```
#c17825 rgb(193,120,37)
```
#d18228
```
#d18228 rgb(209,130,40)
```

Shade Color Variation

#d88c34
```
#d88c34 rgb(216,140,52)
```
#db9545
```
#db9545 rgb(219,149,69)
```
#df9e55
```
#df9e55 rgb(223,158,85)
```
#e2a866
```
#e2a866 rgb(226,168,102)
```
#e5b176
```
#e5b176 rgb(229,177,118)
```
#e8bb87
```
#e8bb87 rgb(232,187,135)
```
#ebc497
```
#ebc497 rgb(235,196,151)
```
#eecda8
```
#eecda8 rgb(238,205,168)
```
#f1d7b8
```
#f1d7b8 rgb(241,215,184)
```
#f5e0c9
```
#f5e0c9 rgb(245,224,201)
```
#f8e9d9
```
#f8e9d9 rgb(248,233,217)
```
#fbf3e9
```
#fbf3e9 rgb(251,243,233)
```
#fefcfa
```
#fefcfa rgb(254,252,250)
```

Tint Color Variation

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

#847d75
```
#847d75 rgb(132,125,117)
```
#8e7e6b
```
#8e7e6b rgb(142,126,107)
```
#987e61
```
#987e61 rgb(152,126,97)
```
#a17f58
```
#a17f58 rgb(161,127,88)
```
#ab804e
```
#ab804e rgb(171,128,78)
```
#b48045
```
#b48045 rgb(180,128,69)
```
#be813b
```
#be813b rgb(190,129,59)
```
#c78132
```
#c78132 rgb(199,129,50)
```
#d18228
```
#d18228 rgb(209,130,40)
```
#db831e
```
#db831e rgb(219,131,30)
```
#e48315
```
#e48315 rgb(228,131,21)
```
#ee840b
```
#ee840b rgb(238,132,11)
```
#f78402
```
#f78402 rgb(247,132,2)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#9c8c7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9937 Protanopia 1% of men
#bf922e Deuteranopia 1% of men
#d88088 Tritanopia 0.001% of the population

Trichromacy

#b89132 Protanomaly 1% of men, 0.01% of women
#c58c2c Deuteranomaly 6% of men, 0.4% of women
#d58065 Tritanomaly 0.01% of the population

#d18228 hex color

#d18228 Color Information

#d18228 Color Conversion

Color Schemes with #d18228

Alternatives to #d18228

#d18228 Preview

Shades and Tints of #d18228

Tones of #d18228

Color Blindness Simulator