#d48228 hex color

In a RGB color space, hex #d48228 is composed of 83.1% red, 51% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.7% magenta, 81.1% yellow and 16.9% black. It has a hue angle of 31.4 degrees, a saturation of 68.3% and a lightness of 49.4%. #d48228 color hex could be obtained by blending #ffff50 with #a90500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 83
- G 51
- B 16
RGB color chart
- C 0
- M 39
- Y 81
- K 17
CMYK color chart

● #d48228 color description : Strong orange.

The hexadecimal color #d48228 has RGB values of R:212, G:130, B:40 and CMYK values of C:0, M:0.39, Y:0.81, K:0.17. Its decimal value is 13926952.

Hex triplet	d48228	`#d48228`
RGB Decimal	212, 130, 40	`rgb(212,130,40)`
RGB Percent	83.1, 51, 15.7	`rgb(83.1%,51%,15.7%)`
CMYK	0, 39, 81, 17
HSL	31.4°, 68.3, 49.4	`hsl(31.4,68.3%,49.4%)`
HSV (or HSB)	31.4°, 81.1, 83.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	61.756, 24.986, 58.166
XYZ	35.518, 30.118, 5.95
xyY	0.496, 0.421, 30.118
CIE-LCH	61.756, 63.305, 66.753
CIE-LUV	61.756, 66.966, 54.812
Hunter-Lab	54.88, 19.484, 31.988
Binary	11010100, 10000010, 00101000

#d48228
```
#d48228 rgb(212,130,40)
```
#287ad4
```
#287ad4 rgb(40,122,212)
```

Complementary Color

#d42c28
```
#d42c28 rgb(212,44,40)
```
#d48228
```
#d48228 rgb(212,130,40)
```
#d0d428
```
#d0d428 rgb(208,212,40)
```

Analogous Color

#2c28d4
```
#2c28d4 rgb(44,40,212)
```
#d48228
```
#d48228 rgb(212,130,40)
```
#28d0d4
```
#28d0d4 rgb(40,208,212)
```

Split Complementary Color

#8228d4
```
#8228d4 rgb(130,40,212)
```
#d48228
```
#d48228 rgb(212,130,40)
```
#28d482
```
#28d482 rgb(40,212,130)
```

Triadic Color

#d4287a
```
#d4287a rgb(212,40,122)
```
#d48228
```
#d48228 rgb(212,130,40)
```
#28d482
```
#28d482 rgb(40,212,130)
```
#287ad4
```
#287ad4 rgb(40,122,212)
```

Tetradic Color

#945b1c
```
#945b1c rgb(148,91,28)
```
#a96820
```
#a96820 rgb(169,104,32)
```
#bf7524
```
#bf7524 rgb(191,117,36)
```
#d48228
```
#d48228 rgb(212,130,40)
```
#da8e3b
```
#da8e3b rgb(218,142,59)
```
#de9b51
```
#de9b51 rgb(222,155,81)
```
#e2a766
```
#e2a766 rgb(226,167,102)
```

Monochromatic Color

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

#d45728
```
#d45728 rgb(212,87,40)
```
#d46528
```
#d46528 rgb(212,101,40)
```
#d47428
```
#d47428 rgb(212,116,40)
```
#d48228
```
#d48228 rgb(212,130,40)
```
#d49028
```
#d49028 rgb(212,144,40)
```
#d49f28
```
#d49f28 rgb(212,159,40)
```
#d4ad28
```
#d4ad28 rgb(212,173,40)
```

Similar Colors

Text with hexadecimal color #d48228

This text has a font color of #d48228.

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

#d48228 background color

This paragraph has a background color of #d48228.

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

#d48228 border color

This element has a border color of #d48228.

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

CSS codes

.text {color:#d48228;}

.background {background-color:#d48228;}

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

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

#0e0903
```
#0e0903 rgb(14,9,3)
```
#1e1306
```
#1e1306 rgb(30,19,6)
```
#2f1d09
```
#2f1d09 rgb(47,29,9)
```
#3f270c
```
#3f270c rgb(63,39,12)
```
#50310f
```
#50310f rgb(80,49,15)
```
#603b12
```
#603b12 rgb(96,59,18)
```
#714515
```
#714515 rgb(113,69,21)
```
#814f18
```
#814f18 rgb(129,79,24)
```
#925a1c
```
#925a1c rgb(146,90,28)
```
#a2641f
```
#a2641f rgb(162,100,31)
```
#b36e22
```
#b36e22 rgb(179,110,34)
```
#c37825
```
#c37825 rgb(195,120,37)
```
#d48228
```
#d48228 rgb(212,130,40)
```

Shade Color Variation

#d98c36
```
#d98c36 rgb(217,140,54)
```
#dc9547
```
#dc9547 rgb(220,149,71)
```
#df9f57
```
#df9f57 rgb(223,159,87)
```
#e3a868
```
#e3a868 rgb(227,168,104)
```
#e6b278
```
#e6b278 rgb(230,178,120)
```
#e9bb89
```
#e9bb89 rgb(233,187,137)
```
#ecc599
```
#ecc599 rgb(236,197,153)
```
#efceaa
```
#efceaa rgb(239,206,170)
```
#f2d8ba
```
#f2d8ba rgb(242,216,186)
```
#f5e1cb
```
#f5e1cb rgb(245,225,203)
```
#f8ebdb
```
#f8ebdb rgb(248,235,219)
```
#fbf4ec
```
#fbf4ec rgb(251,244,236)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#867e76
```
#867e76 rgb(134,126,118)
```
#907f6c
```
#907f6c rgb(144,127,108)
```
#9a7f62
```
#9a7f62 rgb(154,127,98)
```
#a48058
```
#a48058 rgb(164,128,88)
```
#ad804f
```
#ad804f rgb(173,128,79)
```
#b78145
```
#b78145 rgb(183,129,69)
```
#c1813b
```
#c1813b rgb(193,129,59)
```
#ca8232
```
#ca8232 rgb(202,130,50)
```
#d48228
```
#d48228 rgb(212,130,40)
```
#de821e
```
#de821e rgb(222,130,30)
```
#e78315
```
#e78315 rgb(231,131,21)
```
#f1830b
```
#f1830b rgb(241,131,11)
```
#fb8401
```
#fb8401 rgb(251,132,1)
```

Tone Color Variation

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

Dichromacy

#ac9a38 Protanopia 1% of men
#c0932e Deuteranopia 1% of men
#db8088 Tritanopia 0.001% of the population

Trichromacy

#ba9132 Protanomaly 1% of men, 0.01% of women
#c78d2b Deuteranomaly 6% of men, 0.4% of women
#d88065 Tritanomaly 0.01% of the population

#d48228 hex color

#d48228 Color Information

#d48228 Color Conversion

Color Schemes with #d48228

Alternatives to #d48228

#d48228 Preview

Shades and Tints of #d48228

Tones of #d48228

Color Blindness Simulator