#dd3758 hex color

In a RGB color space, hex #dd3758 is composed of 86.7% red, 21.6% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.1% magenta, 60.2% yellow and 13.3% black. It has a hue angle of 348.1 degrees, a saturation of 70.9% and a lightness of 54.1%. #dd3758 color hex could be obtained by blending #ff6eb0 with #bb0000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 87
- G 22
- B 35
RGB color chart
- C 0
- M 75
- Y 60
- K 13
CMYK color chart

● #dd3758 color description : Bright red.

The hexadecimal color #dd3758 has RGB values of R:221, G:55, B:88 and CMYK values of C:0, M:0.75, Y:0.6, K:0.13. Its decimal value is 14497624.

Hex triplet	dd3758	`#dd3758`
RGB Decimal	221, 55, 88	`rgb(221,55,88)`
RGB Percent	86.7, 21.6, 34.5	`rgb(86.7%,21.6%,34.5%)`
CMYK	0, 75, 60, 13
HSL	348.1°, 70.9, 54.1	`hsl(348.1,70.9%,54.1%)`
HSV (or HSB)	348.1°, 75.1, 86.7
Web Safe	cc3366	`#cc3366`

CIE-LAB	50.468, 64.738, 21.09
XYZ	32.948, 18.813, 11.128
xyY	0.524, 0.299, 18.813
CIE-LCH	50.468, 68.087, 18.044
CIE-LUV	50.468, 118.29, 11.461
Hunter-Lab	43.374, 59.689, 15.15
Binary	11011101, 00110111, 01011000

#dd3758
```
#dd3758 rgb(221,55,88)
```
#37ddbc
```
#37ddbc rgb(55,221,188)
```

Complementary Color

#dd37ab
```
#dd37ab rgb(221,55,171)
```
#dd3758
```
#dd3758 rgb(221,55,88)
```
#dd6937
```
#dd6937 rgb(221,105,55)
```

Analogous Color

#37abdd
```
#37abdd rgb(55,171,221)
```
#dd3758
```
#dd3758 rgb(221,55,88)
```
#37dd69
```
#37dd69 rgb(55,221,105)
```

Split Complementary Color

#3758dd
```
#3758dd rgb(55,88,221)
```
#dd3758
```
#dd3758 rgb(221,55,88)
```
#58dd37
```
#58dd37 rgb(88,221,55)
```

Triadic Color

#bc37dd
```
#bc37dd rgb(188,55,221)
```
#dd3758
```
#dd3758 rgb(221,55,88)
```
#58dd37
```
#58dd37 rgb(88,221,55)
```
#37ddbc
```
#37ddbc rgb(55,221,188)
```

Tetradic Color

#ab1d39
```
#ab1d39 rgb(171,29,57)
```
#c02140
```
#c02140 rgb(192,33,64)
```
#d62448
```
#d62448 rgb(214,36,72)
```
#dd3758
```
#dd3758 rgb(221,55,88)
```
#e14d6a
```
#e14d6a rgb(225,77,106)
```
#e4637c
```
#e4637c rgb(228,99,124)
```
#e8788f
```
#e8788f rgb(232,120,143)
```

Monochromatic Color

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

#dd3782
```
#dd3782 rgb(221,55,130)
```
#dd3774
```
#dd3774 rgb(221,55,116)
```
#dd3766
```
#dd3766 rgb(221,55,102)
```
#dd3758
```
#dd3758 rgb(221,55,88)
```
#dd374a
```
#dd374a rgb(221,55,74)
```
#dd373c
```
#dd373c rgb(221,55,60)
```
#dd4037
```
#dd4037 rgb(221,64,55)
```

Similar Colors

Text with hexadecimal color #dd3758

This text has a font color of #dd3758.

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

#dd3758 background color

This paragraph has a background color of #dd3758.

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

#dd3758 border color

This element has a border color of #dd3758.

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

CSS codes

.text {color:#dd3758;}

.background {background-color:#dd3758;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120306
```
#120306 rgb(18,3,6)
```
#23060c
```
#23060c rgb(35,6,12)
```
#330911
```
#330911 rgb(51,9,17)
```
#440c17
```
#440c17 rgb(68,12,23)
```
#550e1c
```
#550e1c rgb(85,14,28)
```
#661122
```
#661122 rgb(102,17,34)
```
#771428
```
#771428 rgb(119,20,40)
```
#87172d
```
#87172d rgb(135,23,45)
```
#981a33
```
#981a33 rgb(152,26,51)
```
#a91d39
```
#a91d39 rgb(169,29,57)
```
#ba203e
```
#ba203e rgb(186,32,62)
```
#ca2244
```
#ca2244 rgb(202,34,68)
```

Shade Color Variation

#da264a
```
#da264a rgb(218,38,74)
```
#dd3758
```
#dd3758 rgb(221,55,88)
```
#e04866
```
#e04866 rgb(224,72,102)
```
#e35974
```
#e35974 rgb(227,89,116)
```
#e66982
```
#e66982 rgb(230,105,130)
```
#e87a90
```
#e87a90 rgb(232,122,144)
```
#eb8b9e
```
#eb8b9e rgb(235,139,158)
```
#ee9cac
```
#ee9cac rgb(238,156,172)
```
#f1acba
```
#f1acba rgb(241,172,186)
```
#f4bdc8
```
#f4bdc8 rgb(244,189,200)
```
#f7ced6
```
#f7ced6 rgb(247,206,214)
```
#fadfe4
```
#fadfe4 rgb(250,223,228)
```
#fceff2
```
#fceff2 rgb(252,239,242)
```

Tint Color Variation

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

#8c8889
```
#8c8889 rgb(140,136,137)
```
#957f83
```
#957f83 rgb(149,127,131)
```
#9e767e
```
#9e767e rgb(158,118,126)
```
#a76d79
```
#a76d79 rgb(167,109,121)
```
#b06473
```
#b06473 rgb(176,100,115)
```
#b95b6e
```
#b95b6e rgb(185,91,110)
```
#c25268
```
#c25268 rgb(194,82,104)
```
#cb4963
```
#cb4963 rgb(203,73,99)
```
#d4405d
```
#d4405d rgb(212,64,93)
```
#dd3758
```
#dd3758 rgb(221,55,88)
```
#e62e53
```
#e62e53 rgb(230,46,83)
```
#ef254d
```
#ef254d rgb(239,37,77)
```
#f81c48
```
#f81c48 rgb(248,28,72)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#836168 Atypical Achromatopsia 0.001% of the population

Dichromacy

#827e79 Protanopia 1% of men
#977956 Deuteranopia 1% of men
#dd4649 Tritanopia 0.001% of the population

Trichromacy

#a3646d Protanomaly 1% of men, 0.01% of women
#b06156 Deuteranomaly 6% of men, 0.4% of women
#dd404e Tritanomaly 0.01% of the population

#dd3758 hex color

#dd3758 Color Information

#dd3758 Color Conversion

Color Schemes with #dd3758

Alternatives to #dd3758

#dd3758 Preview

Shades and Tints of #dd3758

Tones of #dd3758

Color Blindness Simulator