#d55f00 hex color

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

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

● #d55f00 color description : Strong orange.

The hexadecimal color #d55f00 has RGB values of R:213, G:95, B:0 and CMYK values of C:0, M:0.55, Y:1, K:0.16. Its decimal value is 13983488.

Hex triplet	d55f00	`#d55f00`
RGB Decimal	213, 95, 0	`rgb(213,95,0)`
RGB Percent	83.5, 37.3, 0	`rgb(83.5%,37.3%,0%)`
CMYK	0, 55, 100, 16
HSL	26.8°, 100, 41.8	`hsl(26.8,100%,41.8%)`
HSV (or HSB)	26.8°, 100, 83.5
Web Safe	cc6600	`#cc6600`

CIE-LAB	54.379, 42.78, 63.382
XYZ	31.534, 22.334, 2.65
xyY	0.558, 0.395, 22.334
CIE-LCH	54.379, 76.468, 55.982
CIE-LUV	54.379, 98.25, 48.355
Hunter-Lab	47.259, 36.405, 29.756
Binary	11010101, 01011111, 00000000

#d55f00
```
#d55f00 rgb(213,95,0)
```
#0076d5
```
#0076d5 rgb(0,118,213)
```

Complementary Color

#d5000c
```
#d5000c rgb(213,0,12)
```
#d55f00
```
#d55f00 rgb(213,95,0)
```
#d5ca00
```
#d5ca00 rgb(213,202,0)
```

Analogous Color

#000cd5
```
#000cd5 rgb(0,12,213)
```
#d55f00
```
#d55f00 rgb(213,95,0)
```
#00d5ca
```
#00d5ca rgb(0,213,202)
```

Split Complementary Color

#5f00d5
```
#5f00d5 rgb(95,0,213)
```
#d55f00
```
#d55f00 rgb(213,95,0)
```
#00d55f
```
#00d55f rgb(0,213,95)
```

Triadic Color

#d50076
```
#d50076 rgb(213,0,118)
```
#d55f00
```
#d55f00 rgb(213,95,0)
```
#00d55f
```
#00d55f rgb(0,213,95)
```
#0076d5
```
#0076d5 rgb(0,118,213)
```

Tetradic Color

#893d00
```
#893d00 rgb(137,61,0)
```
#a24800
```
#a24800 rgb(162,72,0)
```
#bc5400
```
#bc5400 rgb(188,84,0)
```
#d55f00
```
#d55f00 rgb(213,95,0)
```
#ef6a00
```
#ef6a00 rgb(239,106,0)
```
#ff7709
```
#ff7709 rgb(255,119,9)
```
#ff8523
```
#ff8523 rgb(255,133,35)
```

Monochromatic Color

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

#d52a00
```
#d52a00 rgb(213,42,0)
```
#d53c00
```
#d53c00 rgb(213,60,0)
```
#d54d00
```
#d54d00 rgb(213,77,0)
```
#d55f00
```
#d55f00 rgb(213,95,0)
```
#d57100
```
#d57100 rgb(213,113,0)
```
#d58300
```
#d58300 rgb(213,131,0)
```
#d59400
```
#d59400 rgb(213,148,0)
```

Similar Colors

Text with hexadecimal color #d55f00

This text has a font color of #d55f00.

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

#d55f00 background color

This paragraph has a background color of #d55f00.

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

#d55f00 border color

This element has a border color of #d55f00.

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

CSS codes

.text {color:#d55f00;}

.background {background-color:#d55f00;}

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

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

#110800
```
#110800 rgb(17,8,0)
```
#241000
```
#241000 rgb(36,16,0)
```
#381900
```
#381900 rgb(56,25,0)
```
#4c2200
```
#4c2200 rgb(76,34,0)
```
#5f2b00
```
#5f2b00 rgb(95,43,0)
```
#733300
```
#733300 rgb(115,51,0)
```
#873c00
```
#873c00 rgb(135,60,0)
```
#9a4500
```
#9a4500 rgb(154,69,0)
```
#ae4e00
```
#ae4e00 rgb(174,78,0)
```
#c15600
```
#c15600 rgb(193,86,0)
```
#d55f00
```
#d55f00 rgb(213,95,0)
```
#e96800
```
#e96800 rgb(233,104,0)
```
#fc7000
```
#fc7000 rgb(252,112,0)
```

Shade Color Variation

#ff7b11
```
#ff7b11 rgb(255,123,17)
```
#ff8624
```
#ff8624 rgb(255,134,36)
```
#ff9138
```
#ff9138 rgb(255,145,56)
```
#ff9c4c
```
#ff9c4c rgb(255,156,76)
```
#ffa75f
```
#ffa75f rgb(255,167,95)
```
#ffb173
```
#ffb173 rgb(255,177,115)
```
#ffbc87
```
#ffbc87 rgb(255,188,135)
```
#ffc79a
```
#ffc79a rgb(255,199,154)
```
#ffd2ae
```
#ffd2ae rgb(255,210,174)
```
#ffddc1
```
#ffddc1 rgb(255,221,193)
```
#ffe8d5
```
#ffe8d5 rgb(255,232,213)
```
#fff3e9
```
#fff3e9 rgb(255,243,233)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#736a62
```
#736a62 rgb(115,106,98)
```
#7b695a
```
#7b695a rgb(123,105,90)
```
#836852
```
#836852 rgb(131,104,82)
```
#8b674a
```
#8b674a rgb(139,103,74)
```
#936642
```
#936642 rgb(147,102,66)
```
#9c6539
```
#9c6539 rgb(156,101,57)
```
#a46431
```
#a46431 rgb(164,100,49)
```
#ac6329
```
#ac6329 rgb(172,99,41)
```
#b46321
```
#b46321 rgb(180,99,33)
```
#bc6219
```
#bc6219 rgb(188,98,25)
```
#c56110
```
#c56110 rgb(197,97,16)
```
#cd6008
```
#cd6008 rgb(205,96,8)
```
#d55f00
```
#d55f00 rgb(213,95,0)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#8a725f Atypical Achromatopsia 0.001% of the population

Dichromacy

#998816 Protanopia 1% of men
#aa8200 Deuteranopia 1% of men
#d96066 Tritanopia 0.001% of the population

Trichromacy

#ae790e Protanomaly 1% of men, 0.01% of women
#ba7500 Deuteranomaly 6% of men, 0.4% of women
#d86041 Tritanomaly 0.01% of the population

#d55f00 hex color

#d55f00 Color Information

#d55f00 Color Conversion

Color Schemes with #d55f00

Alternatives to #d55f00

#d55f00 Preview

Shades and Tints of #d55f00

Tones of #d55f00

Color Blindness Simulator