#dd303d hex color

In a RGB color space, hex #dd303d is composed of 86.7% red, 18.8% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.3% magenta, 72.4% yellow and 13.3% black. It has a hue angle of 355.5 degrees, a saturation of 71.8% and a lightness of 52.7%. #dd303d color hex could be obtained by blending #ff607a with #bb0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 87
- G 19
- B 24
RGB color chart
- C 0
- M 78
- Y 72
- K 13
CMYK color chart

● #dd303d color description : Bright red.

The hexadecimal color #dd303d has RGB values of R:221, G:48, B:61 and CMYK values of C:0, M:0.78, Y:0.72, K:0.13. Its decimal value is 14495805.

Hex triplet	dd303d	`#dd303d`
RGB Decimal	221, 48, 61	`rgb(221,48,61)`
RGB Percent	86.7, 18.8, 23.9	`rgb(86.7%,18.8%,23.9%)`
CMYK	0, 78, 72, 13
HSL	355.5°, 71.8, 52.7	`hsl(355.5,71.8%,52.7%)`
HSV (or HSB)	355.5°, 78.3, 86.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	49.285, 65.414, 35.678
XYZ	31.72, 17.827, 6.185
xyY	0.569, 0.32, 17.827
CIE-LCH	49.285, 74.511, 28.609
CIE-LUV	49.285, 129.137, 23.519
Hunter-Lab	42.222, 60.212, 20.869
Binary	11011101, 00110000, 00111101

#dd303d
```
#dd303d rgb(221,48,61)
```
#30ddd0
```
#30ddd0 rgb(48,221,208)
```

Complementary Color

#dd3094
```
#dd3094 rgb(221,48,148)
```
#dd303d
```
#dd303d rgb(221,48,61)
```
#dd7a30
```
#dd7a30 rgb(221,122,48)
```

Analogous Color

#3094dd
```
#3094dd rgb(48,148,221)
```
#dd303d
```
#dd303d rgb(221,48,61)
```
#30dd7a
```
#30dd7a rgb(48,221,122)
```

Split Complementary Color

#303ddd
```
#303ddd rgb(48,61,221)
```
#dd303d
```
#dd303d rgb(221,48,61)
```
#3ddd30
```
#3ddd30 rgb(61,221,48)
```

Triadic Color

#d030dd
```
#d030dd rgb(208,48,221)
```
#dd303d
```
#dd303d rgb(221,48,61)
```
#3ddd30
```
#3ddd30 rgb(61,221,48)
```
#30ddd0
```
#30ddd0 rgb(48,221,208)
```

Tetradic Color

#a51b26
```
#a51b26 rgb(165,27,38)
```
#bb1f2b
```
#bb1f2b rgb(187,31,43)
```
#d1222f
```
#d1222f rgb(209,34,47)
```
#dd303d
```
#dd303d rgb(221,48,61)
```
#e14652
```
#e14652 rgb(225,70,82)
```
#e45c66
```
#e45c66 rgb(228,92,102)
```
#e8727b
```
#e8727b rgb(232,114,123)
```

Monochromatic Color

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

#dd3068
```
#dd3068 rgb(221,48,104)
```
#dd305a
```
#dd305a rgb(221,48,90)
```
#dd304b
```
#dd304b rgb(221,48,75)
```
#dd303d
```
#dd303d rgb(221,48,61)
```
#dd3130
```
#dd3130 rgb(221,49,48)
```
#dd4030
```
#dd4030 rgb(221,64,48)
```
#dd4e30
```
#dd4e30 rgb(221,78,48)
```

Similar Colors

Text with hexadecimal color #dd303d

This text has a font color of #dd303d.

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

#dd303d background color

This paragraph has a background color of #dd303d.

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

#dd303d border color

This element has a border color of #dd303d.

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

CSS codes

.text {color:#dd303d;}

.background {background-color:#dd303d;}

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

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

#0c0203
```
#0c0203 rgb(12,2,3)
```
#1d0507
```
#1d0507 rgb(29,5,7)
```
#2e080a
```
#2e080a rgb(46,8,10)
```
#3f0a0e
```
#3f0a0e rgb(63,10,14)
```
#4f0d12
```
#4f0d12 rgb(79,13,18)
```
#601016
```
#601016 rgb(96,16,22)
```
#71131a
```
#71131a rgb(113,19,26)
```
#82151e
```
#82151e rgb(130,21,30)
```
#931821
```
#931821 rgb(147,24,33)
```
#a41b25
```
#a41b25 rgb(164,27,37)
```
#b51e29
```
#b51e29 rgb(181,30,41)
```
#c5202d
```
#c5202d rgb(197,32,45)
```
#d62331
```
#d62331 rgb(214,35,49)
```

Shade Color Variation

#dd303d
```
#dd303d rgb(221,48,61)
```
#e0414d
```
#e0414d rgb(224,65,77)
```
#e3525d
```
#e3525d rgb(227,82,93)
```
#e5636c
```
#e5636c rgb(229,99,108)
```
#e8737c
```
#e8737c rgb(232,115,124)
```
#eb848c
```
#eb848c rgb(235,132,140)
```
#ee959c
```
#ee959c rgb(238,149,156)
```
#f0a6ac
```
#f0a6ac rgb(240,166,172)
```
#f3b7bb
```
#f3b7bb rgb(243,183,187)
```
#f6c8cb
```
#f6c8cb rgb(246,200,203)
```
#f9d8db
```
#f9d8db rgb(249,216,219)
```
#fbe9eb
```
#fbe9eb rgb(251,233,235)
```
#fefafa
```
#fefafa rgb(254,250,250)
```

Tint Color Variation

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

#8a8384
```
#8a8384 rgb(138,131,132)
```
#937a7c
```
#937a7c rgb(147,122,124)
```
#9c7174
```
#9c7174 rgb(156,113,116)
```
#a5686c
```
#a5686c rgb(165,104,108)
```
#af5e64
```
#af5e64 rgb(175,94,100)
```
#b8555d
```
#b8555d rgb(184,85,93)
```
#c14c55
```
#c14c55 rgb(193,76,85)
```
#ca434d
```
#ca434d rgb(202,67,77)
```
#d43945
```
#d43945 rgb(212,57,69)
```
#dd303d
```
#dd303d rgb(221,48,61)
```
#e62735
```
#e62735 rgb(230,39,53)
```
#f01d2d
```
#f01d2d rgb(240,29,45)
```
#f91425
```
#f91425 rgb(249,20,37)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#7d5a5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#857c5b Protanopia 1% of men
#98763b Deuteranopia 1% of men
#de3c3e Tritanopia 0.001% of the population

Trichromacy

#a56050 Protanomaly 1% of men, 0.01% of women
#b15c3b Deuteranomaly 6% of men, 0.4% of women
#dd373d Tritanomaly 0.01% of the population

#dd303d hex color

#dd303d Color Information

#dd303d Color Conversion

Color Schemes with #dd303d

Alternatives to #dd303d

#dd303d Preview

Shades and Tints of #dd303d

Tones of #dd303d

Color Blindness Simulator