#d55d30 hex color

In a RGB color space, hex #d55d30 is composed of 83.5% red, 36.5% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.3% magenta, 77.5% yellow and 16.5% black. It has a hue angle of 16.4 degrees, a saturation of 66.3% and a lightness of 51.2%. #d55d30 color hex could be obtained by blending #ffba60 with #ab0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 84
- G 36
- B 19
RGB color chart
- C 0
- M 56
- Y 77
- K 16
CMYK color chart

● #d55d30 color description : Strong orange.

The hexadecimal color #d55d30 has RGB values of R:213, G:93, B:48 and CMYK values of C:0, M:0.56, Y:0.77, K:0.16. Its decimal value is 13983024.

Hex triplet	d55d30	`#d55d30`
RGB Decimal	213, 93, 48	`rgb(213,93,48)`
RGB Percent	83.5, 36.5, 18.8	`rgb(83.5%,36.5%,18.8%)`
CMYK	0, 56, 77, 16
HSL	16.4°, 66.3, 51.2	`hsl(16.4,66.3%,51.2%)`
HSV (or HSB)	16.4°, 77.5, 83.5
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.23, 44.722, 47.603
XYZ	31.89, 22.191, 5.4
xyY	0.536, 0.373, 22.191
CIE-LCH	54.23, 65.315, 46.788
CIE-LUV	54.23, 96.578, 39.425
Hunter-Lab	47.108, 38.397, 26.179
Binary	11010101, 01011101, 00110000

#d55d30
```
#d55d30 rgb(213,93,48)
```
#30a8d5
```
#30a8d5 rgb(48,168,213)
```

Complementary Color

#d53055
```
#d53055 rgb(213,48,85)
```
#d55d30
```
#d55d30 rgb(213,93,48)
```
#d5b030
```
#d5b030 rgb(213,176,48)
```

Analogous Color

#3056d5
```
#3056d5 rgb(48,86,213)
```
#d55d30
```
#d55d30 rgb(213,93,48)
```
#30d5b0
```
#30d5b0 rgb(48,213,176)
```

Split Complementary Color

#5d30d5
```
#5d30d5 rgb(93,48,213)
```
#d55d30
```
#d55d30 rgb(213,93,48)
```
#30d55d
```
#30d55d rgb(48,213,93)
```

Triadic Color

#d530a8
```
#d530a8 rgb(213,48,168)
```
#d55d30
```
#d55d30 rgb(213,93,48)
```
#30d55d
```
#30d55d rgb(48,213,93)
```
#30a8d5
```
#30a8d5 rgb(48,168,213)
```

Tetradic Color

#99401f
```
#99401f rgb(153,64,31)
```
#af4923
```
#af4923 rgb(175,73,35)
```
#c45228
```
#c45228 rgb(196,82,40)
```
#d55d30
```
#d55d30 rgb(213,93,48)
```
#d96e45
```
#d96e45 rgb(217,110,69)
```
#de7e5a
```
#de7e5a rgb(222,126,90)
```
#e28f70
```
#e28f70 rgb(226,143,112)
```

Monochromatic Color

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

#d53430
```
#d53430 rgb(213,52,48)
```
#d54230
```
#d54230 rgb(213,66,48)
```
#d54f30
```
#d54f30 rgb(213,79,48)
```
#d55d30
```
#d55d30 rgb(213,93,48)
```
#d56b30
```
#d56b30 rgb(213,107,48)
```
#d57930
```
#d57930 rgb(213,121,48)
```
#d58630
```
#d58630 rgb(213,134,48)
```

Similar Colors

Text with hexadecimal color #d55d30

This text has a font color of #d55d30.

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

#d55d30 background color

This paragraph has a background color of #d55d30.

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

#d55d30 border color

This element has a border color of #d55d30.

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

CSS codes

.text {color:#d55d30;}

.background {background-color:#d55d30;}

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

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

#050201
```
#050201 rgb(5,2,1)
```
#150904
```
#150904 rgb(21,9,4)
```
#261008
```
#261008 rgb(38,16,8)
```
#36170b
```
#36170b rgb(54,23,11)
```
#461e0e
```
#461e0e rgb(70,30,14)
```
#572412
```
#572412 rgb(87,36,18)
```
#672b15
```
#672b15 rgb(103,43,21)
```
#773218
```
#773218 rgb(119,50,24)
```
#87391b
```
#87391b rgb(135,57,27)
```
#98401f
```
#98401f rgb(152,64,31)
```
#a84722
```
#a84722 rgb(168,71,34)
```
#b84d25
```
#b84d25 rgb(184,77,37)
```
#c95429
```
#c95429 rgb(201,84,41)
```

Shade Color Variation

#d55d30
```
#d55d30 rgb(213,93,48)
```
#d86a40
```
#d86a40 rgb(216,106,64)
```
#dc7751
```
#dc7751 rgb(220,119,81)
```
#df8361
```
#df8361 rgb(223,131,97)
```
#e29071
```
#e29071 rgb(226,144,113)
```
#e69d82
```
#e69d82 rgb(230,157,130)
```
#e9aa92
```
#e9aa92 rgb(233,170,146)
```
#ecb6a2
```
#ecb6a2 rgb(236,182,162)
```
#efc3b2
```
#efc3b2 rgb(239,195,178)
```
#f3d0c3
```
#f3d0c3 rgb(243,208,195)
```
#f6ddd3
```
#f6ddd3 rgb(246,221,211)
```
#f9e9e3
```
#f9e9e3 rgb(249,233,227)
```
#fdf6f4
```
#fdf6f4 rgb(253,246,244)
```

Tint Color Variation

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

#88807d
```
#88807d rgb(136,128,125)
```
#927b73
```
#927b73 rgb(146,123,115)
```
#9c7769
```
#9c7769 rgb(156,119,105)
```
#a57360
```
#a57360 rgb(165,115,96)
```
#af6e56
```
#af6e56 rgb(175,110,86)
```
#b86a4d
```
#b86a4d rgb(184,106,77)
```
#c26643
```
#c26643 rgb(194,102,67)
```
#cb613a
```
#cb613a rgb(203,97,58)
```
#d55d30
```
#d55d30 rgb(213,93,48)
```
#df5926
```
#df5926 rgb(223,89,38)
```
#e8541d
```
#e8541d rgb(232,84,29)
```
#f25013
```
#f25013 rgb(242,80,19)
```
#fb4c0a
```
#fb4c0a rgb(251,76,10)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#8e766d Atypical Achromatopsia 0.001% of the population

Dichromacy

#968844 Protanopia 1% of men
#a88131 Deuteranopia 1% of men
#d96066 Tritanopia 0.001% of the population

Trichromacy

#ad783d Protanomaly 1% of men, 0.01% of women
#b87431 Deuteranomaly 6% of men, 0.4% of women
#d75f52 Tritanomaly 0.01% of the population

#d55d30 hex color

#d55d30 Color Information

#d55d30 Color Conversion

Color Schemes with #d55d30

Alternatives to #d55d30

#d55d30 Preview

Shades and Tints of #d55d30

Tones of #d55d30

Color Blindness Simulator