#d55c30 hex color

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

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

● #d55c30 color description : Strong orange.

The hexadecimal color #d55c30 has RGB values of R:213, G:92, B:48 and CMYK values of C:0, M:0.57, Y:0.77, K:0.16. Its decimal value is 13982768.

Hex triplet	d55c30	`#d55c30`
RGB Decimal	213, 92, 48	`rgb(213,92,48)`
RGB Percent	83.5, 36.1, 18.8	`rgb(83.5%,36.1%,18.8%)`
CMYK	0, 57, 77, 16
HSL	16°, 66.3, 51.2	`hsl(16,66.3%,51.2%)`
HSV (or HSB)	16°, 77.5, 83.5
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.045, 45.2, 47.417
XYZ	31.802, 22.017, 5.371
xyY	0.537, 0.372, 22.017
CIE-LCH	54.045, 65.509, 46.372
CIE-LUV	54.045, 97.337, 39.093
Hunter-Lab	46.922, 38.868, 26.059
Binary	11010101, 01011100, 00110000

#d55c30
```
#d55c30 rgb(213,92,48)
```
#30a9d5
```
#30a9d5 rgb(48,169,213)
```

Complementary Color

#d53057
```
#d53057 rgb(213,48,87)
```
#d55c30
```
#d55c30 rgb(213,92,48)
```
#d5af30
```
#d5af30 rgb(213,175,48)
```

Analogous Color

#3057d5
```
#3057d5 rgb(48,87,213)
```
#d55c30
```
#d55c30 rgb(213,92,48)
```
#30d5af
```
#30d5af rgb(48,213,175)
```

Split Complementary Color

#5c30d5
```
#5c30d5 rgb(92,48,213)
```
#d55c30
```
#d55c30 rgb(213,92,48)
```
#30d55c
```
#30d55c rgb(48,213,92)
```

Triadic Color

#d530a9
```
#d530a9 rgb(213,48,169)
```
#d55c30
```
#d55c30 rgb(213,92,48)
```
#30d55c
```
#30d55c rgb(48,213,92)
```
#30a9d5
```
#30a9d5 rgb(48,169,213)
```

Tetradic Color

#99401f
```
#99401f rgb(153,64,31)
```
#af4923
```
#af4923 rgb(175,73,35)
```
#c45128
```
#c45128 rgb(196,81,40)
```
#d55c30
```
#d55c30 rgb(213,92,48)
```
#d96d45
```
#d96d45 rgb(217,109,69)
```
#de7d5a
```
#de7d5a rgb(222,125,90)
```
#e28e70
```
#e28e70 rgb(226,142,112)
```

Monochromatic Color

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

#d53330
```
#d53330 rgb(213,51,48)
```
#d54030
```
#d54030 rgb(213,64,48)
```
#d54e30
```
#d54e30 rgb(213,78,48)
```
#d55c30
```
#d55c30 rgb(213,92,48)
```
#d56a30
```
#d56a30 rgb(213,106,48)
```
#d57830
```
#d57830 rgb(213,120,48)
```
#d58530
```
#d58530 rgb(213,133,48)
```

Similar Colors

Text with hexadecimal color #d55c30

This text has a font color of #d55c30.

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

#d55c30 background color

This paragraph has a background color of #d55c30.

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

#d55c30 border color

This element has a border color of #d55c30.

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

CSS codes

.text {color:#d55c30;}

.background {background-color:#d55c30;}

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

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)
```
#36160b
```
#36160b rgb(54,22,11)
```
#461d0e
```
#461d0e rgb(70,29,14)
```
#572412
```
#572412 rgb(87,36,18)
```
#672b15
```
#672b15 rgb(103,43,21)
```
#773118
```
#773118 rgb(119,49,24)
```
#87381b
```
#87381b rgb(135,56,27)
```
#983f1f
```
#983f1f rgb(152,63,31)
```
#a84622
```
#a84622 rgb(168,70,34)
```
#b84d25
```
#b84d25 rgb(184,77,37)
```
#c95329
```
#c95329 rgb(201,83,41)
```

Shade Color Variation

#d55c30
```
#d55c30 rgb(213,92,48)
```
#d86940
```
#d86940 rgb(216,105,64)
```
#dc7651
```
#dc7651 rgb(220,118,81)
```
#df8361
```
#df8361 rgb(223,131,97)
```
#e28f71
```
#e28f71 rgb(226,143,113)
```
#e69c82
```
#e69c82 rgb(230,156,130)
```
#e9a992
```
#e9a992 rgb(233,169,146)
```
#ecb6a2
```
#ecb6a2 rgb(236,182,162)
```
#efc3b2
```
#efc3b2 rgb(239,195,178)
```
#f3d0c3
```
#f3d0c3 rgb(243,208,195)
```
#f6dcd3
```
#f6dcd3 rgb(246,220,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 #fb4a0a is the most saturated one.

#88807d
```
#88807d rgb(136,128,125)
```
#927b73
```
#927b73 rgb(146,123,115)
```
#9c7769
```
#9c7769 rgb(156,119,105)
```
#a57260
```
#a57260 rgb(165,114,96)
```
#af6e56
```
#af6e56 rgb(175,110,86)
```
#b8694d
```
#b8694d rgb(184,105,77)
```
#c26543
```
#c26543 rgb(194,101,67)
```
#cb603a
```
#cb603a rgb(203,96,58)
```
#d55c30
```
#d55c30 rgb(213,92,48)
```
#df5826
```
#df5826 rgb(223,88,38)
```
#e8531d
```
#e8531d rgb(232,83,29)
```
#f24f13
```
#f24f13 rgb(242,79,19)
```
#fb4a0a
```
#fb4a0a rgb(251,74,10)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#8d756c Atypical Achromatopsia 0.001% of the population

Dichromacy

#958744 Protanopia 1% of men
#a88131 Deuteranopia 1% of men
#d95f65 Tritanopia 0.001% of the population

Trichromacy

#ac773d Protanomaly 1% of men, 0.01% of women
#b87330 Deuteranomaly 6% of men, 0.4% of women
#d75e51 Tritanomaly 0.01% of the population

#d55c30 hex color

#d55c30 Color Information

#d55c30 Color Conversion

Color Schemes with #d55c30

Alternatives to #d55c30

#d55c30 Preview

Shades and Tints of #d55c30

Tones of #d55c30

Color Blindness Simulator