#dd2a24 hex color

In a RGB color space, hex #dd2a24 is composed of 86.7% red, 16.5% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81% magenta, 83.7% yellow and 13.3% black. It has a hue angle of 1.9 degrees, a saturation of 73.1% and a lightness of 50.4%. #dd2a24 color hex could be obtained by blending #ff5448 with #bb0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 87
- G 16
- B 14
RGB color chart
- C 0
- M 81
- Y 84
- K 13
CMYK color chart

● #dd2a24 color description : Bright red.

The hexadecimal color #dd2a24 has RGB values of R:221, G:42, B:36 and CMYK values of C:0, M:0.81, Y:0.84, K:0.13. Its decimal value is 14494244.

Hex triplet	dd2a24	`#dd2a24`
RGB Decimal	221, 42, 36	`rgb(221,42,36)`
RGB Percent	86.7, 16.5, 14.1	`rgb(86.7%,16.5%,14.1%)`
CMYK	0, 81, 84, 13
HSL	1.9°, 73.1, 50.4	`hsl(1.9,73.1%,50.4%)`
HSV (or HSB)	1.9°, 83.7, 86.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.46, 66.205, 48.465
XYZ	30.967, 17.159, 3.351
xyY	0.602, 0.333, 17.159
CIE-LCH	48.46, 82.049, 36.206
CIE-LUV	48.46, 136.865, 30.988
Hunter-Lab	41.424, 60.948, 24.201
Binary	11011101, 00101010, 00100100

#dd2a24
```
#dd2a24 rgb(221,42,36)
```
#24d7dd
```
#24d7dd rgb(36,215,221)
```

Complementary Color

#dd247b
```
#dd247b rgb(221,36,123)
```
#dd2a24
```
#dd2a24 rgb(221,42,36)
```
#dd8724
```
#dd8724 rgb(221,135,36)
```

Analogous Color

#247bdd
```
#247bdd rgb(36,123,221)
```
#dd2a24
```
#dd2a24 rgb(221,42,36)
```
#24dd87
```
#24dd87 rgb(36,221,135)
```

Split Complementary Color

#2a24dd
```
#2a24dd rgb(42,36,221)
```
#dd2a24
```
#dd2a24 rgb(221,42,36)
```
#24dd2a
```
#24dd2a rgb(36,221,42)
```

Triadic Color

#dd24d7
```
#dd24d7 rgb(221,36,215)
```
#dd2a24
```
#dd2a24 rgb(221,42,36)
```
#24dd2a
```
#24dd2a rgb(36,221,42)
```
#24d7dd
```
#24d7dd rgb(36,215,221)
```

Tetradic Color

#9c1d18
```
#9c1d18 rgb(156,29,24)
```
#b2211c
```
#b2211c rgb(178,33,28)
```
#c8251f
```
#c8251f rgb(200,37,31)
```
#dd2a24
```
#dd2a24 rgb(221,42,36)
```
#e03f3a
```
#e03f3a rgb(224,63,58)
```
#e45550
```
#e45550 rgb(228,85,80)
```
#e76a66
```
#e76a66 rgb(231,106,102)
```

Monochromatic Color

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

#dd244c
```
#dd244c rgb(221,36,76)
```
#dd243d
```
#dd243d rgb(221,36,61)
```
#dd242d
```
#dd242d rgb(221,36,45)
```
#dd2a24
```
#dd2a24 rgb(221,42,36)
```
#dd3924
```
#dd3924 rgb(221,57,36)
```
#dd4924
```
#dd4924 rgb(221,73,36)
```
#dd5824
```
#dd5824 rgb(221,88,36)
```

Similar Colors

Text with hexadecimal color #dd2a24

This text has a font color of #dd2a24.

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

#dd2a24 background color

This paragraph has a background color of #dd2a24.

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

#dd2a24 border color

This element has a border color of #dd2a24.

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

CSS codes

.text {color:#dd2a24;}

.background {background-color:#dd2a24;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#130303
```
#130303 rgb(19,3,3)
```
#240706
```
#240706 rgb(36,7,6)
```
#350a08
```
#350a08 rgb(53,10,8)
```
#460d0b
```
#460d0b rgb(70,13,11)
```
#57100d
```
#57100d rgb(87,16,13)
```
#681310
```
#681310 rgb(104,19,16)
```
#791613
```
#791613 rgb(121,22,19)
```
#8a1915
```
#8a1915 rgb(138,25,21)
```
#9b1c18
```
#9b1c18 rgb(155,28,24)
```
#ac1f1b
```
#ac1f1b rgb(172,31,27)
```
#bd221d
```
#bd221d rgb(189,34,29)
```
#cd2620
```
#cd2620 rgb(205,38,32)
```

Shade Color Variation

#dd2a24
```
#dd2a24 rgb(221,42,36)
```
#e03b35
```
#e03b35 rgb(224,59,53)
```
#e24b46
```
#e24b46 rgb(226,75,70)
```
#e55c57
```
#e55c57 rgb(229,92,87)
```
#e86c68
```
#e86c68 rgb(232,108,104)
```
#ea7d79
```
#ea7d79 rgb(234,125,121)
```
#ed8d8a
```
#ed8d8a rgb(237,141,138)
```
#ef9e9b
```
#ef9e9b rgb(239,158,155)
```
#f2aeac
```
#f2aeac rgb(242,174,172)
```
#f5bfbd
```
#f5bfbd rgb(245,191,189)
```
#f7cfce
```
#f7cfce rgb(247,207,206)
```
#fae0df
```
#fae0df rgb(250,224,223)
```
#fdf0f0
```
#fdf0f0 rgb(253,240,240)
```

Tint Color Variation

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

#857c7c
```
#857c7c rgb(133,124,124)
```
#8f7372
```
#8f7372 rgb(143,115,114)
```
#996a68
```
#996a68 rgb(153,106,104)
```
#a3615e
```
#a3615e rgb(163,97,94)
```
#ac5755
```
#ac5755 rgb(172,87,85)
```
#b64e4b
```
#b64e4b rgb(182,78,75)
```
#c04541
```
#c04541 rgb(192,69,65)
```
#ca3c37
```
#ca3c37 rgb(202,60,55)
```
#d3332e
```
#d3332e rgb(211,51,46)
```
#dd2a24
```
#dd2a24 rgb(221,42,36)
```
#e7211a
```
#e7211a rgb(231,33,26)
```
#f01811
```
#f01811 rgb(240,24,17)
```
#fa0f07
```
#fa0f07 rgb(250,15,7)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#785453 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867a40 Protanopia 1% of men
#98741c Deuteranopia 1% of men
#de3434 Tritanopia 0.001% of the population

Trichromacy

#a65d36 Protanomaly 1% of men, 0.01% of women
#b1591e Deuteranomaly 6% of men, 0.4% of women
#de302e Tritanomaly 0.01% of the population

#dd2a24 hex color

#dd2a24 Color Information

#dd2a24 Color Conversion

Color Schemes with #dd2a24

Alternatives to #dd2a24

#dd2a24 Preview

Shades and Tints of #dd2a24

Tones of #dd2a24

Color Blindness Simulator