#d55500 hex color

In a RGB color space, hex #d55500 is composed of 83.5% red, 33.3% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.1% magenta, 100% yellow and 16.5% black. It has a hue angle of 23.9 degrees, a saturation of 100% and a lightness of 41.8%. #d55500 color hex could be obtained by blending #ffaa00 with #ab0000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 84
- G 33
- B 0
RGB color chart
- C 0
- M 60
- Y 100
- K 16
CMYK color chart

● #d55500 color description : Strong orange.

The hexadecimal color #d55500 has RGB values of R:213, G:85, B:0 and CMYK values of C:0, M:0.6, Y:1, K:0.16. Its decimal value is 13980928.

Hex triplet	d55500	`#d55500`
RGB Decimal	213, 85, 0	`rgb(213,85,0)`
RGB Percent	83.5, 33.3, 0	`rgb(83.5%,33.3%,0%)`
CMYK	0, 60, 100, 16
HSL	23.9°, 100, 41.8	`hsl(23.9,100%,41.8%)`
HSV (or HSB)	23.9°, 100, 83.5
Web Safe	cc6600	`#cc6600`

CIE-LAB	52.56, 47.506, 62.373
XYZ	30.69, 20.646, 2.369
xyY	0.571, 0.384, 20.646
CIE-LCH	52.56, 78.404, 52.706
CIE-LUV	52.56, 106.208, 45.37
Hunter-Lab	45.438, 41.047, 28.716
Binary	11010101, 01010101, 00000000

#d55500
```
#d55500 rgb(213,85,0)
```
#0080d5
```
#0080d5 rgb(0,128,213)
```

Complementary Color

#d50016
```
#d50016 rgb(213,0,22)
```
#d55500
```
#d55500 rgb(213,85,0)
```
#d5c000
```
#d5c000 rgb(213,192,0)
```

Analogous Color

#0016d5
```
#0016d5 rgb(0,22,213)
```
#d55500
```
#d55500 rgb(213,85,0)
```
#00d5c0
```
#00d5c0 rgb(0,213,192)
```

Split Complementary Color

#5500d5
```
#5500d5 rgb(85,0,213)
```
#d55500
```
#d55500 rgb(213,85,0)
```
#00d555
```
#00d555 rgb(0,213,85)
```

Triadic Color

#d50080
```
#d50080 rgb(213,0,128)
```
#d55500
```
#d55500 rgb(213,85,0)
```
#00d555
```
#00d555 rgb(0,213,85)
```
#0080d5
```
#0080d5 rgb(0,128,213)
```

Tetradic Color

#893600
```
#893600 rgb(137,54,0)
```
#a24100
```
#a24100 rgb(162,65,0)
```
#bc4b00
```
#bc4b00 rgb(188,75,0)
```
#d55500
```
#d55500 rgb(213,85,0)
```
#ef5f00
```
#ef5f00 rgb(239,95,0)
```
#ff6b09
```
#ff6b09 rgb(255,107,9)
```
#ff7a23
```
#ff7a23 rgb(255,122,35)
```

Monochromatic Color

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

#d52000
```
#d52000 rgb(213,32,0)
```
#d53100
```
#d53100 rgb(213,49,0)
```
#d54300
```
#d54300 rgb(213,67,0)
```
#d55500
```
#d55500 rgb(213,85,0)
```
#d56700
```
#d56700 rgb(213,103,0)
```
#d57900
```
#d57900 rgb(213,121,0)
```
#d58a00
```
#d58a00 rgb(213,138,0)
```

Similar Colors

Text with hexadecimal color #d55500

This text has a font color of #d55500.

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

#d55500 background color

This paragraph has a background color of #d55500.

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

#d55500 border color

This element has a border color of #d55500.

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

CSS codes

.text {color:#d55500;}

.background {background-color:#d55500;}

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

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, #110700 is the darkest color, while #fffdfc is the lightest one.

#110700
```
#110700 rgb(17,7,0)
```
#240f00
```
#240f00 rgb(36,15,0)
```
#381600
```
#381600 rgb(56,22,0)
```
#4c1e00
```
#4c1e00 rgb(76,30,0)
```
#5f2600
```
#5f2600 rgb(95,38,0)
```
#732e00
```
#732e00 rgb(115,46,0)
```
#873600
```
#873600 rgb(135,54,0)
```
#9a3e00
```
#9a3e00 rgb(154,62,0)
```
#ae4500
```
#ae4500 rgb(174,69,0)
```
#c14d00
```
#c14d00 rgb(193,77,0)
```
#d55500
```
#d55500 rgb(213,85,0)
```
#e95d00
```
#e95d00 rgb(233,93,0)
```
#fc6500
```
#fc6500 rgb(252,101,0)
```

Shade Color Variation

#ff7011
```
#ff7011 rgb(255,112,17)
```
#ff7c24
```
#ff7c24 rgb(255,124,36)
```
#ff8738
```
#ff8738 rgb(255,135,56)
```
#ff934c
```
#ff934c rgb(255,147,76)
```
#ff9f5f
```
#ff9f5f rgb(255,159,95)
```
#ffab73
```
#ffab73 rgb(255,171,115)
```
#ffb787
```
#ffb787 rgb(255,183,135)
```
#ffc29a
```
#ffc29a rgb(255,194,154)
```
#ffceae
```
#ffceae rgb(255,206,174)
```
#ffdac1
```
#ffdac1 rgb(255,218,193)
```
#ffe6d5
```
#ffe6d5 rgb(255,230,213)
```
#fff2e9
```
#fff2e9 rgb(255,242,233)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#736962
```
#736962 rgb(115,105,98)
```
#7b675a
```
#7b675a rgb(123,103,90)
```
#836652
```
#836652 rgb(131,102,82)
```
#8b644a
```
#8b644a rgb(139,100,74)
```
#936242
```
#936242 rgb(147,98,66)
```
#9c6139
```
#9c6139 rgb(156,97,57)
```
#a45f31
```
#a45f31 rgb(164,95,49)
```
#ac5d29
```
#ac5d29 rgb(172,93,41)
```
#b45c21
```
#b45c21 rgb(180,92,33)
```
#bc5a19
```
#bc5a19 rgb(188,90,25)
```
#c55810
```
#c55810 rgb(197,88,16)
```
#cd5708
```
#cd5708 rgb(205,87,8)
```
#d55500
```
#d55500 rgb(213,85,0)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#866c5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#948417 Protanopia 1% of men
#a57d00 Deuteranopia 1% of men
#d9575c Tritanopia 0.001% of the population

Trichromacy

#ab730f Protanomaly 1% of men, 0.01% of women
#b66f00 Deuteranomaly 6% of men, 0.4% of women
#d7563a Tritanomaly 0.01% of the population

#d55500 hex color

#d55500 Color Information

#d55500 Color Conversion

Color Schemes with #d55500

Alternatives to #d55500

#d55500 Preview

Shades and Tints of #d55500

Tones of #d55500

Color Blindness Simulator