#dd1f36 hex color

In a RGB color space, hex #dd1f36 is composed of 86.7% red, 12.2% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86% magenta, 75.6% yellow and 13.3% black. It has a hue angle of 352.7 degrees, a saturation of 75.4% and a lightness of 49.4%. #dd1f36 color hex could be obtained by blending #ff3e6c with #bb0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 87
- G 12
- B 21
RGB color chart
- C 0
- M 86
- Y 76
- K 13
CMYK color chart

● #dd1f36 color description : Vivid red.

The hexadecimal color #dd1f36 has RGB values of R:221, G:31, B:54 and CMYK values of C:0, M:0.86, Y:0.76, K:0.13. Its decimal value is 14491446.

Hex triplet	dd1f36	`#dd1f36`
RGB Decimal	221, 31, 54	`rgb(221,31,54)`
RGB Percent	86.7, 12.2, 21.2	`rgb(86.7%,12.2%,21.2%)`
CMYK	0, 86, 76, 13
HSL	352.7°, 75.4, 49.4	`hsl(352.7,75.4%,49.4%)`
HSV (or HSB)	352.7°, 86, 86.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	47.781, 69.169, 38.027
XYZ	30.976, 16.622, 5.067
xyY	0.588, 0.316, 16.622
CIE-LCH	47.781, 78.933, 28.801
CIE-LUV	47.781, 137.551, 23.545
Hunter-Lab	40.771, 64.27, 21.17
Binary	11011101, 00011111, 00110110

#dd1f36
```
#dd1f36 rgb(221,31,54)
```
#1fddc6
```
#1fddc6 rgb(31,221,198)
```

Complementary Color

#dd1f95
```
#dd1f95 rgb(221,31,149)
```
#dd1f36
```
#dd1f36 rgb(221,31,54)
```
#dd671f
```
#dd671f rgb(221,103,31)
```

Analogous Color

#1f95dd
```
#1f95dd rgb(31,149,221)
```
#dd1f36
```
#dd1f36 rgb(221,31,54)
```
#1fdd67
```
#1fdd67 rgb(31,221,103)
```

Split Complementary Color

#1f36dd
```
#1f36dd rgb(31,54,221)
```
#dd1f36
```
#dd1f36 rgb(221,31,54)
```
#36dd1f
```
#36dd1f rgb(54,221,31)
```

Triadic Color

#c61fdd
```
#c61fdd rgb(198,31,221)
```
#dd1f36
```
#dd1f36 rgb(221,31,54)
```
#36dd1f
```
#36dd1f rgb(54,221,31)
```
#1fddc6
```
#1fddc6 rgb(31,221,198)
```

Tetradic Color

#9a1626
```
#9a1626 rgb(154,22,38)
```
#b0192b
```
#b0192b rgb(176,25,43)
```
#c71c31
```
#c71c31 rgb(199,28,49)
```
#dd1f36
```
#dd1f36 rgb(221,31,54)
```
#e23348
```
#e23348 rgb(226,51,72)
```
#e6495c
```
#e6495c rgb(230,73,92)
```
#e96070
```
#e96070 rgb(233,96,112)
```

Monochromatic Color

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

#dd1f66
```
#dd1f66 rgb(221,31,102)
```
#dd1f56
```
#dd1f56 rgb(221,31,86)
```
#dd1f46
```
#dd1f46 rgb(221,31,70)
```
#dd1f36
```
#dd1f36 rgb(221,31,54)
```
#dd1f26
```
#dd1f26 rgb(221,31,38)
```
#dd281f
```
#dd281f rgb(221,40,31)
```
#dd381f
```
#dd381f rgb(221,56,31)
```

Similar Colors

Text with hexadecimal color #dd1f36

This text has a font color of #dd1f36.

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

#dd1f36 background color

This paragraph has a background color of #dd1f36.

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

#dd1f36 border color

This element has a border color of #dd1f36.

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

CSS codes

.text {color:#dd1f36;}

.background {background-color:#dd1f36;}

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

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

#0f0204
```
#0f0204 rgb(15,2,4)
```
#200408
```
#200408 rgb(32,4,8)
```
#31070c
```
#31070c rgb(49,7,12)
```
#420910
```
#420910 rgb(66,9,16)
```
#530c14
```
#530c14 rgb(83,12,20)
```
#650e19
```
#650e19 rgb(101,14,25)
```
#76111d
```
#76111d rgb(118,17,29)
```
#871321
```
#871321 rgb(135,19,33)
```
#981525
```
#981525 rgb(152,21,37)
```
#a91829
```
#a91829 rgb(169,24,41)
```
#bb1a2e
```
#bb1a2e rgb(187,26,46)
```
#cc1d32
```
#cc1d32 rgb(204,29,50)
```
#dd1f36
```
#dd1f36 rgb(221,31,54)
```

Shade Color Variation

#e22e44
```
#e22e44 rgb(226,46,68)
```
#e43f53
```
#e43f53 rgb(228,63,83)
```
#e75063
```
#e75063 rgb(231,80,99)
```
#e96272
```
#e96272 rgb(233,98,114)
```
#eb7381
```
#eb7381 rgb(235,115,129)
```
#ee8491
```
#ee8491 rgb(238,132,145)
```
#f095a0
```
#f095a0 rgb(240,149,160)
```
#f3a6b0
```
#f3a6b0 rgb(243,166,176)
```
#f5b8bf
```
#f5b8bf rgb(245,184,191)
```
#f7c9ce
```
#f7c9ce rgb(247,201,206)
```
#fadade
```
#fadade rgb(250,218,222)
```
#fcebed
```
#fcebed rgb(252,235,237)
```
#fffcfd
```
#fffcfd rgb(255,252,253)
```

Tint Color Variation

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

#867678
```
#867678 rgb(134,118,120)
```
#8f6d71
```
#8f6d71 rgb(143,109,113)
```
#996369
```
#996369 rgb(153,99,105)
```
#a35962
```
#a35962 rgb(163,89,98)
```
#ad4f5b
```
#ad4f5b rgb(173,79,91)
```
#b64653
```
#b64653 rgb(182,70,83)
```
#c03c4c
```
#c03c4c rgb(192,60,76)
```
#ca3245
```
#ca3245 rgb(202,50,69)
```
#d3293d
```
#d3293d rgb(211,41,61)
```
#dd1f36
```
#dd1f36 rgb(221,31,54)
```
#e7152f
```
#e7152f rgb(231,21,47)
```
#f00c27
```
#f00c27 rgb(240,12,39)
```
#fa0220
```
#fa0220 rgb(250,2,32)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#744e53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#817856 Protanopia 1% of men
#947332 Deuteranopia 1% of men
#de2e2d Tritanopia 0.001% of the population

Trichromacy

#a3584a Protanomaly 1% of men, 0.01% of women
#af5433 Deuteranomaly 6% of men, 0.4% of women
#dd2830 Tritanomaly 0.01% of the population

#dd1f36 hex color

#dd1f36 Color Information

#dd1f36 Color Conversion

Color Schemes with #dd1f36

Alternatives to #dd1f36

#dd1f36 Preview

Shades and Tints of #dd1f36

Tones of #dd1f36

Color Blindness Simulator