#d5580a hex color

In a RGB color space, hex #d5580a is composed of 83.5% red, 34.5% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.7% magenta, 95.3% yellow and 16.5% black. It has a hue angle of 23.1 degrees, a saturation of 91% and a lightness of 43.7%. #d5580a color hex could be obtained by blending #ffb014 with #ab0000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 84
- G 35
- B 4
RGB color chart
- C 0
- M 59
- Y 95
- K 16
CMYK color chart

● #d5580a color description : Strong orange.

The hexadecimal color #d5580a has RGB values of R:213, G:88, B:10 and CMYK values of C:0, M:0.59, Y:0.95, K:0.16. Its decimal value is 13981706.

Hex triplet	d5580a	`#d5580a`
RGB Decimal	213, 88, 10	`rgb(213,88,10)`
RGB Percent	83.5, 34.5, 3.9	`rgb(83.5%,34.5%,3.9%)`
CMYK	0, 59, 95, 16
HSL	23.1°, 91, 43.7	`hsl(23.1,91%,43.7%)`
HSV (or HSB)	23.1°, 95.3, 83.5
Web Safe	cc6600	`#cc6600`

CIE-LAB	53.114, 46.218, 60.568
XYZ	30.986, 21.151, 2.738
xyY	0.565, 0.385, 21.151
CIE-LCH	53.114, 76.188, 52.654
CIE-LUV	53.114, 103.483, 45.352
Hunter-Lab	45.99, 39.785, 28.663
Binary	11010101, 01011000, 00001010

#d5580a
```
#d5580a rgb(213,88,10)
```
#0a87d5
```
#0a87d5 rgb(10,135,213)
```

Complementary Color

#d50a21
```
#d50a21 rgb(213,10,33)
```
#d5580a
```
#d5580a rgb(213,88,10)
```
#d5be0a
```
#d5be0a rgb(213,190,10)
```

Analogous Color

#0a22d5
```
#0a22d5 rgb(10,34,213)
```
#d5580a
```
#d5580a rgb(213,88,10)
```
#0ad5be
```
#0ad5be rgb(10,213,190)
```

Split Complementary Color

#580ad5
```
#580ad5 rgb(88,10,213)
```
#d5580a
```
#d5580a rgb(213,88,10)
```
#0ad558
```
#0ad558 rgb(10,213,88)
```

Triadic Color

#d50a87
```
#d50a87 rgb(213,10,135)
```
#d5580a
```
#d5580a rgb(213,88,10)
```
#0ad558
```
#0ad558 rgb(10,213,88)
```
#0a87d5
```
#0a87d5 rgb(10,135,213)
```

Tetradic Color

#8c3a07
```
#8c3a07 rgb(140,58,7)
```
#a44408
```
#a44408 rgb(164,68,8)
```
#bd4e09
```
#bd4e09 rgb(189,78,9)
```
#d5580a
```
#d5580a rgb(213,88,10)
```
#ed620b
```
#ed620b rgb(237,98,11)
```
#f4701e
```
#f4701e rgb(244,112,30)
```
#f68036
```
#f68036 rgb(246,128,54)
```

Monochromatic Color

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

#d5250a
```
#d5250a rgb(213,37,10)
```
#d5360a
```
#d5360a rgb(213,54,10)
```
#d5470a
```
#d5470a rgb(213,71,10)
```
#d5580a
```
#d5580a rgb(213,88,10)
```
#d5690a
```
#d5690a rgb(213,105,10)
```
#d57a0a
```
#d57a0a rgb(213,122,10)
```
#d58b0a
```
#d58b0a rgb(213,139,10)
```

Similar Colors

Text with hexadecimal color #d5580a

This text has a font color of #d5580a.

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

#d5580a background color

This paragraph has a background color of #d5580a.

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

#d5580a border color

This element has a border color of #d5580a.

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

CSS codes

.text {color:#d5580a;}

.background {background-color:#d5580a;}

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

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

#070300
```
#070300 rgb(7,3,0)
```
#1a0b01
```
#1a0b01 rgb(26,11,1)
```
#2c1202
```
#2c1202 rgb(44,18,2)
```
#3f1a03
```
#3f1a03 rgb(63,26,3)
```
#522204
```
#522204 rgb(82,34,4)
```
#652a05
```
#652a05 rgb(101,42,5)
```
#773106
```
#773106 rgb(119,49,6)
```
#8a3906
```
#8a3906 rgb(138,57,6)
```
#9d4107
```
#9d4107 rgb(157,65,7)
```
#b04908
```
#b04908 rgb(176,73,8)
```
#c25009
```
#c25009 rgb(194,80,9)
```
#d5580a
```
#d5580a rgb(213,88,10)
```
#e8600b
```
#e8600b rgb(232,96,11)
```

Shade Color Variation

#f46912
```
#f46912 rgb(244,105,18)
```
#f57525
```
#f57525 rgb(245,117,37)
```
#f68138
```
#f68138 rgb(246,129,56)
```
#f78d4b
```
#f78d4b rgb(247,141,75)
```
#f7995d
```
#f7995d rgb(247,153,93)
```
#f8a470
```
#f8a470 rgb(248,164,112)
```
#f9b083
```
#f9b083 rgb(249,176,131)
```
#fabc95
```
#fabc95 rgb(250,188,149)
```
#fbc8a8
```
#fbc8a8 rgb(251,200,168)
```
#fcd4bb
```
#fcd4bb rgb(252,212,187)
```
#fde0ce
```
#fde0ce rgb(253,224,206)
```
#feece0
```
#feece0 rgb(254,236,224)
```
#fef8f3
```
#fef8f3 rgb(254,248,243)
```

Tint Color Variation

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

#776e68
```
#776e68 rgb(119,110,104)
```
#7f6c60
```
#7f6c60 rgb(127,108,96)
```
#886a57
```
#886a57 rgb(136,106,87)
```
#90684f
```
#90684f rgb(144,104,79)
```
#996646
```
#996646 rgb(153,102,70)
```
#a2643d
```
#a2643d rgb(162,100,61)
```
#aa6235
```
#aa6235 rgb(170,98,53)
```
#b3602c
```
#b3602c rgb(179,96,44)
```
#bb5e24
```
#bb5e24 rgb(187,94,36)
```
#c45c1b
```
#c45c1b rgb(196,92,27)
```
#cc5a13
```
#cc5a13 rgb(204,90,19)
```
#d5580a
```
#d5580a rgb(213,88,10)
```
#de5601
```
#de5601 rgb(222,86,1)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#876e5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#958520 Protanopia 1% of men
#a67f00 Deuteranopia 1% of men
#d95a5f Tritanopia 0.001% of the population

Trichromacy

#ac7518 Protanomaly 1% of men, 0.01% of women
#b77003 Deuteranomaly 6% of men, 0.4% of women
#d75940 Tritanomaly 0.01% of the population

#d5580a hex color

#d5580a Color Information

#d5580a Color Conversion

Color Schemes with #d5580a

Alternatives to #d5580a

#d5580a Preview

Shades and Tints of #d5580a

Tones of #d5580a

Color Blindness Simulator