#d56228 hex color

In a RGB color space, hex #d56228 is composed of 83.5% red, 38.4% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54% magenta, 81.2% yellow and 16.5% black. It has a hue angle of 20.1 degrees, a saturation of 68.4% and a lightness of 49.6%. #d56228 color hex could be obtained by blending #ffc450 with #ab0000. Closest websafe color is: #cc6633.

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

● #d56228 color description : Strong orange.

The hexadecimal color #d56228 has RGB values of R:213, G:98, B:40 and CMYK values of C:0, M:0.54, Y:0.81, K:0.16. Its decimal value is 13984296.

Hex triplet	d56228	`#d56228`
RGB Decimal	213, 98, 40	`rgb(213,98,40)`
RGB Percent	83.5, 38.4, 15.7	`rgb(83.5%,38.4%,15.7%)`
CMYK	0, 54, 81, 16
HSL	20.1°, 68.4, 49.6	`hsl(20.1,68.4%,49.6%)`
HSV (or HSB)	20.1°, 81.2, 83.5
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.111, 42.017, 52.156
XYZ	32.193, 23.038, 4.759
xyY	0.537, 0.384, 23.038
CIE-LCH	55.111, 66.975, 51.145
CIE-LUV	55.111, 93.585, 43.377
Hunter-Lab	47.998, 35.725, 27.72
Binary	11010101, 01100010, 00101000

#d56228
```
#d56228 rgb(213,98,40)
```
#289bd5
```
#289bd5 rgb(40,155,213)
```

Complementary Color

#d52845
```
#d52845 rgb(213,40,69)
```
#d56228
```
#d56228 rgb(213,98,40)
```
#d5b928
```
#d5b928 rgb(213,185,40)
```

Analogous Color

#2845d5
```
#2845d5 rgb(40,69,213)
```
#d56228
```
#d56228 rgb(213,98,40)
```
#28d5b9
```
#28d5b9 rgb(40,213,185)
```

Split Complementary Color

#6228d5
```
#6228d5 rgb(98,40,213)
```
#d56228
```
#d56228 rgb(213,98,40)
```
#28d562
```
#28d562 rgb(40,213,98)
```

Triadic Color

#d5289b
```
#d5289b rgb(213,40,155)
```
#d56228
```
#d56228 rgb(213,98,40)
```
#28d562
```
#28d562 rgb(40,213,98)
```
#289bd5
```
#289bd5 rgb(40,155,213)
```

Tetradic Color

#95441c
```
#95441c rgb(149,68,28)
```
#aa4e20
```
#aa4e20 rgb(170,78,32)
```
#c05824
```
#c05824 rgb(192,88,36)
```
#d56228
```
#d56228 rgb(213,98,40)
```
#da713c
```
#da713c rgb(218,113,60)
```
#de8152
```
#de8152 rgb(222,129,82)
```
#e29067
```
#e29067 rgb(226,144,103)
```

Monochromatic Color

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

#d53728
```
#d53728 rgb(213,55,40)
```
#d54528
```
#d54528 rgb(213,69,40)
```
#d55428
```
#d55428 rgb(213,84,40)
```
#d56228
```
#d56228 rgb(213,98,40)
```
#d57028
```
#d57028 rgb(213,112,40)
```
#d57f28
```
#d57f28 rgb(213,127,40)
```
#d58d28
```
#d58d28 rgb(213,141,40)
```

Similar Colors

Text with hexadecimal color #d56228

This text has a font color of #d56228.

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

#d56228 background color

This paragraph has a background color of #d56228.

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

#d56228 border color

This element has a border color of #d56228.

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

CSS codes

.text {color:#d56228;}

.background {background-color:#d56228;}

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

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

#0f0703
```
#0f0703 rgb(15,7,3)
```
#1f0e06
```
#1f0e06 rgb(31,14,6)
```
#301609
```
#301609 rgb(48,22,9)
```
#401e0c
```
#401e0c rgb(64,30,12)
```
#51250f
```
#51250f rgb(81,37,15)
```
#612d12
```
#612d12 rgb(97,45,18)
```
#723415
```
#723415 rgb(114,52,21)
```
#823c18
```
#823c18 rgb(130,60,24)
```
#93441c
```
#93441c rgb(147,68,28)
```
#a34b1f
```
#a34b1f rgb(163,75,31)
```
#b45322
```
#b45322 rgb(180,83,34)
```
#c45a25
```
#c45a25 rgb(196,90,37)
```
#d56228
```
#d56228 rgb(213,98,40)
```

Shade Color Variation

#d96e37
```
#d96e37 rgb(217,110,55)
```
#dd7a48
```
#dd7a48 rgb(221,122,72)
```
#e08658
```
#e08658 rgb(224,134,88)
```
#e39269
```
#e39269 rgb(227,146,105)
```
#e69e79
```
#e69e79 rgb(230,158,121)
```
#e9aa8a
```
#e9aa8a rgb(233,170,138)
```
#ecb69a
```
#ecb69a rgb(236,182,154)
```
#efc2ab
```
#efc2ab rgb(239,194,171)
```
#f2cebb
```
#f2cebb rgb(242,206,187)
```
#f5dacc
```
#f5dacc rgb(245,218,204)
```
#f8e6dc
```
#f8e6dc rgb(248,230,220)
```
#fcf2ed
```
#fcf2ed rgb(252,242,237)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#877c76
```
#877c76 rgb(135,124,118)
```
#91786c
```
#91786c rgb(145,120,108)
```
#9b7562
```
#9b7562 rgb(155,117,98)
```
#a47259
```
#a47259 rgb(164,114,89)
```
#ae6f4f
```
#ae6f4f rgb(174,111,79)
```
#b86c45
```
#b86c45 rgb(184,108,69)
```
#c2683b
```
#c2683b rgb(194,104,59)
```
#cb6532
```
#cb6532 rgb(203,101,50)
```
#d56228
```
#d56228 rgb(213,98,40)
```
#df5f1e
```
#df5f1e rgb(223,95,30)
```
#e85c15
```
#e85c15 rgb(232,92,21)
```
#f2580b
```
#f2580b rgb(242,88,11)
```
#fc5501
```
#fc5501 rgb(252,85,1)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#8f786d Atypical Achromatopsia 0.001% of the population

Dichromacy

#998a3b Protanopia 1% of men
#ac8329 Deuteranopia 1% of men
#d9646a Tritanopia 0.001% of the population

Trichromacy

#af7b34 Protanomaly 1% of men, 0.01% of women
#ba7728 Deuteranomaly 6% of men, 0.4% of women
#d76352 Tritanomaly 0.01% of the population

#d56228 hex color

#d56228 Color Information

#d56228 Color Conversion

Color Schemes with #d56228

Alternatives to #d56228

#d56228 Preview

Shades and Tints of #d56228

Tones of #d56228

Color Blindness Simulator