colorhexa.com

#dd551a hex color

In a RGB color space, hex #dd551a is composed of 86.7% red, 33.3% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.5% magenta, 88.2% yellow and 13.3% black. It has a hue angle of 18.2 degrees, a saturation of 78.9% and a lightness of 48.4%. #dd551a color hex could be obtained by blending #ffaa34 with #bb0000. Closest websafe color is: #cc6633.

- R 87
- G 33
- B 10
RGB color chart
- C 0
- M 62
- Y 88
- K 13
CMYK color chart

● #dd551a color description : Vivid orange.

The hexadecimal color #dd551a has RGB values of R:221, G:85, B:26 and CMYK values of C:0, M:0.62, Y:0.88, K:0.13. Its decimal value is 14505242.

Hex triplet	dd551a	`#dd551a`
RGB Decimal	221, 85, 26	`rgb(221,85,26)`
RGB Percent	86.7, 33.3, 10.2	`rgb(86.7%,33.3%,10.2%)`
CMYK	0, 62, 88, 13
HSL	18.2°, 78.9, 48.4	`hsl(18.2,78.9%,48.4%)`
HSV (or HSB)	18.2°, 88.2, 86.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.971, 50.726, 57.277
XYZ	33.255, 21.947, 3.462
xyY	0.567, 0.374, 21.947
CIE-LCH	53.971, 76.51, 48.471
CIE-LUV	53.971, 111.506, 43.103
Hunter-Lab	46.848, 44.725, 28.412
Binary	11011101, 01010101, 00011010

#dd551a
```
#dd551a rgb(221,85,26)
```
#1aa2dd
```
#1aa2dd rgb(26,162,221)
```

Complementary Color

#dd1a40
```
#dd1a40 rgb(221,26,64)
```
#dd551a
```
#dd551a rgb(221,85,26)
```
#ddb71a
```
#ddb71a rgb(221,183,26)
```

Analogous Color

#1a40dd
```
#1a40dd rgb(26,64,221)
```
#dd551a
```
#dd551a rgb(221,85,26)
```
#1addb7
```
#1addb7 rgb(26,221,183)
```

Split Complementary Color

#551add
```
#551add rgb(85,26,221)
```
#dd551a
```
#dd551a rgb(221,85,26)
```
#1add55
```
#1add55 rgb(26,221,85)
```

Triadic Color

#dd1aa2
```
#dd1aa2 rgb(221,26,162)
```
#dd551a
```
#dd551a rgb(221,85,26)
```
#1add55
```
#1add55 rgb(26,221,85)
```
#1aa2dd
```
#1aa2dd rgb(26,162,221)
```

Tetradic Color

#993b12
```
#993b12 rgb(153,59,18)
```
#af4315
```
#af4315 rgb(175,67,21)
```
#c64c17
```
#c64c17 rgb(198,76,23)
```
#dd551a
```
#dd551a rgb(221,85,26)
```
#e6632b
```
#e6632b rgb(230,99,43)
```
#e97441
```
#e97441 rgb(233,116,65)
```
#eb8558
```
#eb8558 rgb(235,133,88)
```

Monochromatic Color

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

#dd241a
```
#dd241a rgb(221,36,26)
```
#dd351a
```
#dd351a rgb(221,53,26)
```
#dd451a
```
#dd451a rgb(221,69,26)
```
#dd551a
```
#dd551a rgb(221,85,26)
```
#dd651a
```
#dd651a rgb(221,101,26)
```
#dd761a
```
#dd761a rgb(221,118,26)
```
#dd861a
```
#dd861a rgb(221,134,26)
```

Similar Colors

Text with hexadecimal color #dd551a

This text has a font color of #dd551a.

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

#dd551a background color

This paragraph has a background color of #dd551a.

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

#dd551a border color

This element has a border color of #dd551a.

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

CSS codes

.text {color:#dd551a;}

.background {background-color:#dd551a;}

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

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, #0a0401 is the darkest color, while #fefaf8 is the lightest one.

#0a0401
```
#0a0401 rgb(10,4,1)
```
#1c0b03
```
#1c0b03 rgb(28,11,3)
```
#2d1105
```
#2d1105 rgb(45,17,5)
```
#3f1807
```
#3f1807 rgb(63,24,7)
```
#511f09
```
#511f09 rgb(81,31,9)
```
#62260c
```
#62260c rgb(98,38,12)
```
#742c0e
```
#742c0e rgb(116,44,14)
```
#853310
```
#853310 rgb(133,51,16)
```
#973a12
```
#973a12 rgb(151,58,18)
```
#a84114
```
#a84114 rgb(168,65,20)
```
#ba4716
```
#ba4716 rgb(186,71,22)
```
#cb4e18
```
#cb4e18 rgb(203,78,24)
```
#dd551a
```
#dd551a rgb(221,85,26)
```

Shade Color Variation

#e55f25
```
#e55f25 rgb(229,95,37)
```
#e76c37
```
#e76c37 rgb(231,108,55)
```
#ea7948
```
#ea7948 rgb(234,121,72)
```
#ec865a
```
#ec865a rgb(236,134,90)
```
#ee936b
```
#ee936b rgb(238,147,107)
```
#f0a07d
```
#f0a07d rgb(240,160,125)
```
#f2ad8f
```
#f2ad8f rgb(242,173,143)
```
#f4b9a0
```
#f4b9a0 rgb(244,185,160)
```
#f6c6b2
```
#f6c6b2 rgb(246,198,178)
```
#f8d3c3
```
#f8d3c3 rgb(248,211,195)
```
#fae0d5
```
#fae0d5 rgb(250,224,213)
```
#fcede6
```
#fcede6 rgb(252,237,230)
```
#fefaf8
```
#fefaf8 rgb(254,250,248)
```

Tint Color Variation

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

#7e7b79
```
#7e7b79 rgb(126,123,121)
```
#887770
```
#887770 rgb(136,119,112)
```
#917366
```
#917366 rgb(145,115,102)
```
#9b6f5d
```
#9b6f5d rgb(155,111,93)
```
#a46c53
```
#a46c53 rgb(164,108,83)
```
#ae684a
```
#ae684a rgb(174,104,74)
```
#b76440
```
#b76440 rgb(183,100,64)
```
#c16037
```
#c16037 rgb(193,96,55)
```
#ca5d2d
```
#ca5d2d rgb(202,93,45)
```
#d45924
```
#d45924 rgb(212,89,36)
```
#dd551a
```
#dd551a rgb(221,85,26)
```
#e75111
```
#e75111 rgb(231,81,17)
```
#f04d07
```
#f04d07 rgb(240,77,7)
```

Tone Color Variation

Below, you can see how #dd551a 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
#8b7064 Atypical Achromatopsia 0.001% of the population

Dichromacy

#978730 Protanopia 1% of men
#a9810c Deuteranopia 1% of men
#e0585d Tritanopia 0.001% of the population

Trichromacy

#b07528 Protanomaly 1% of men, 0.01% of women
#bc7111 Deuteranomaly 6% of men, 0.4% of women
#df5744 Tritanomaly 0.01% of the population