#dd343f hex color

In a RGB color space, hex #dd343f is composed of 86.7% red, 20.4% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.5% magenta, 71.5% yellow and 13.3% black. It has a hue angle of 356.1 degrees, a saturation of 71.3% and a lightness of 53.5%. #dd343f color hex could be obtained by blending #ff687e with #bb0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 87
- G 20
- B 25
RGB color chart
- C 0
- M 76
- Y 71
- K 13
CMYK color chart

● #dd343f color description : Bright red.

The hexadecimal color #dd343f has RGB values of R:221, G:52, B:63 and CMYK values of C:0, M:0.76, Y:0.71, K:0.13. Its decimal value is 14496831.

Hex triplet	dd343f	`#dd343f`
RGB Decimal	221, 52, 63	`rgb(221,52,63)`
RGB Percent	86.7, 20.4, 24.7	`rgb(86.7%,20.4%,24.7%)`
CMYK	0, 76, 71, 13
HSL	356.1°, 71.3, 53.5	`hsl(356.1,71.3%,53.5%)`
HSV (or HSB)	356.1°, 76.5, 86.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	49.727, 64.333, 35.031
XYZ	31.945, 18.191, 6.531
xyY	0.564, 0.321, 18.191
CIE-LCH	49.727, 73.252, 28.569
CIE-LUV	49.727, 126.742, 23.491
Hunter-Lab	42.651, 59.058, 20.776
Binary	11011101, 00110100, 00111111

#dd343f
```
#dd343f rgb(221,52,63)
```
#34ddd2
```
#34ddd2 rgb(52,221,210)
```

Complementary Color

#dd3494
```
#dd3494 rgb(221,52,148)
```
#dd343f
```
#dd343f rgb(221,52,63)
```
#dd7e34
```
#dd7e34 rgb(221,126,52)
```

Analogous Color

#3494dd
```
#3494dd rgb(52,148,221)
```
#dd343f
```
#dd343f rgb(221,52,63)
```
#34dd7e
```
#34dd7e rgb(52,221,126)
```

Split Complementary Color

#343fdd
```
#343fdd rgb(52,63,221)
```
#dd343f
```
#dd343f rgb(221,52,63)
```
#3fdd34
```
#3fdd34 rgb(63,221,52)
```

Triadic Color

#d234dd
```
#d234dd rgb(210,52,221)
```
#dd343f
```
#dd343f rgb(221,52,63)
```
#3fdd34
```
#3fdd34 rgb(63,221,52)
```
#34ddd2
```
#34ddd2 rgb(52,221,210)
```

Tetradic Color

#a81c25
```
#a81c25 rgb(168,28,37)
```
#be202a
```
#be202a rgb(190,32,42)
```
#d4242f
```
#d4242f rgb(212,36,47)
```
#dd343f
```
#dd343f rgb(221,52,63)
```
#e14a54
```
#e14a54 rgb(225,74,84)
```
#e46068
```
#e46068 rgb(228,96,104)
```
#e8767d
```
#e8767d rgb(232,118,125)
```

Monochromatic Color

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

#dd3469
```
#dd3469 rgb(221,52,105)
```
#dd345b
```
#dd345b rgb(221,52,91)
```
#dd344d
```
#dd344d rgb(221,52,77)
```
#dd343f
```
#dd343f rgb(221,52,63)
```
#dd3734
```
#dd3734 rgb(221,55,52)
```
#dd4534
```
#dd4534 rgb(221,69,52)
```
#dd5334
```
#dd5334 rgb(221,83,52)
```

Similar Colors

Text with hexadecimal color #dd343f

This text has a font color of #dd343f.

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

#dd343f background color

This paragraph has a background color of #dd343f.

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

#dd343f border color

This element has a border color of #dd343f.

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

CSS codes

.text {color:#dd343f;}

.background {background-color:#dd343f;}

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

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

#0f0303
```
#0f0303 rgb(15,3,3)
```
#200507
```
#200507 rgb(32,5,7)
```
#31080b
```
#31080b rgb(49,8,11)
```
#420b0f
```
#420b0f rgb(66,11,15)
```
#530e12
```
#530e12 rgb(83,14,18)
```
#631116
```
#631116 rgb(99,17,22)
```
#74131a
```
#74131a rgb(116,19,26)
```
#85161d
```
#85161d rgb(133,22,29)
```
#961921
```
#961921 rgb(150,25,33)
```
#a71c25
```
#a71c25 rgb(167,28,37)
```
#b71f29
```
#b71f29 rgb(183,31,41)
```
#c8222c
```
#c8222c rgb(200,34,44)
```
#d92430
```
#d92430 rgb(217,36,48)
```

Shade Color Variation

#dd343f
```
#dd343f rgb(221,52,63)
```
#e0454f
```
#e0454f rgb(224,69,79)
```
#e3565f
```
#e3565f rgb(227,86,95)
```
#e5666f
```
#e5666f rgb(229,102,111)
```
#e8777f
```
#e8777f rgb(232,119,127)
```
#eb888e
```
#eb888e rgb(235,136,142)
```
#ee999e
```
#ee999e rgb(238,153,158)
```
#f1aaae
```
#f1aaae rgb(241,170,174)
```
#f4babe
```
#f4babe rgb(244,186,190)
```
#f6cbce
```
#f6cbce rgb(246,203,206)
```
#f9dcde
```
#f9dcde rgb(249,220,222)
```
#fcedee
```
#fcedee rgb(252,237,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#8b8686
```
#8b8686 rgb(139,134,134)
```
#947d7e
```
#947d7e rgb(148,125,126)
```
#9d7477
```
#9d7477 rgb(157,116,119)
```
#a66b6f
```
#a66b6f rgb(166,107,111)
```
#af6267
```
#af6267 rgb(175,98,103)
```
#b9585f
```
#b9585f rgb(185,88,95)
```
#c24f57
```
#c24f57 rgb(194,79,87)
```
#cb464f
```
#cb464f rgb(203,70,79)
```
#d43d47
```
#d43d47 rgb(212,61,71)
```
#dd343f
```
#dd343f rgb(221,52,63)
```
#e62b37
```
#e62b37 rgb(230,43,55)
```
#ef222f
```
#ef222f rgb(239,34,47)
```
#f81927
```
#f81927 rgb(248,25,39)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#7f5e60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867d5d Protanopia 1% of men
#99773d Deuteranopia 1% of men
#de3f41 Tritanopia 0.001% of the population

Trichromacy

#a56252 Protanomaly 1% of men, 0.01% of women
#b25f3d Deuteranomaly 6% of men, 0.4% of women
#dd3b40 Tritanomaly 0.01% of the population

#dd343f hex color

#dd343f Color Information

#dd343f Color Conversion

Color Schemes with #dd343f

Alternatives to #dd343f

#dd343f Preview

Shades and Tints of #dd343f

Tones of #dd343f

Color Blindness Simulator