#dd697f hex color

In a RGB color space, hex #dd697f is composed of 86.7% red, 41.2% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.5% magenta, 42.5% yellow and 13.3% black. It has a hue angle of 348.6 degrees, a saturation of 63% and a lightness of 63.9%. #dd697f color hex could be obtained by blending #ffd2fe with #bb0000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 87
- G 41
- B 50
RGB color chart
- C 0
- M 52
- Y 43
- K 13
CMYK color chart

● #dd697f color description : Soft red.

The hexadecimal color #dd697f has RGB values of R:221, G:105, B:127 and CMYK values of C:0, M:0.52, Y:0.43, K:0.13. Its decimal value is 14510463.

Hex triplet	dd697f	`#dd697f`
RGB Decimal	221, 105, 127	`rgb(221,105,127)`
RGB Percent	86.7, 41.2, 49.8	`rgb(86.7%,41.2%,49.8%)`
CMYK	0, 52, 43, 13
HSL	348.6°, 63, 63.9	`hsl(348.6,63%,63.9%)`
HSV (or HSB)	348.6°, 52.5, 86.7
Web Safe	cc6666	`#cc6666`

CIE-LAB	58.984, 47.388, 9.737
XYZ	38.702, 27.011, 23.253
xyY	0.435, 0.304, 27.011
CIE-LCH	58.984, 48.378, 11.611
CIE-LUV	58.984, 79.412, 3.805
Hunter-Lab	51.972, 41.973, 9.853
Binary	11011101, 01101001, 01111111

#dd697f
```
#dd697f rgb(221,105,127)
```
#69ddc7
```
#69ddc7 rgb(105,221,199)
```

Complementary Color

#dd69b9
```
#dd69b9 rgb(221,105,185)
```
#dd697f
```
#dd697f rgb(221,105,127)
```
#dd8d69
```
#dd8d69 rgb(221,141,105)
```

Analogous Color

#69b9dd
```
#69b9dd rgb(105,185,221)
```
#dd697f
```
#dd697f rgb(221,105,127)
```
#69dd8d
```
#69dd8d rgb(105,221,141)
```

Split Complementary Color

#697fdd
```
#697fdd rgb(105,127,221)
```
#dd697f
```
#dd697f rgb(221,105,127)
```
#7fdd69
```
#7fdd69 rgb(127,221,105)
```

Triadic Color

#c769dd
```
#c769dd rgb(199,105,221)
```
#dd697f
```
#dd697f rgb(221,105,127)
```
#7fdd69
```
#7fdd69 rgb(127,221,105)
```
#69ddc7
```
#69ddc7 rgb(105,221,199)
```

Tetradic Color

#cb2e4c
```
#cb2e4c rgb(203,46,76)
```
#d43f5c
```
#d43f5c rgb(212,63,92)
```
#d8546d
```
#d8546d rgb(216,84,109)
```
#dd697f
```
#dd697f rgb(221,105,127)
```
#e27e91
```
#e27e91 rgb(226,126,145)
```
#e693a2
```
#e693a2 rgb(230,147,162)
```
#eba7b4
```
#eba7b4 rgb(235,167,180)
```

Monochromatic Color

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

#dd699c
```
#dd699c rgb(221,105,156)
```
#dd6992
```
#dd6992 rgb(221,105,146)
```
#dd6989
```
#dd6989 rgb(221,105,137)
```
#dd697f
```
#dd697f rgb(221,105,127)
```
#dd6975
```
#dd6975 rgb(221,105,117)
```
#dd696c
```
#dd696c rgb(221,105,108)
```
#dd7069
```
#dd7069 rgb(221,112,105)
```

Similar Colors

Text with hexadecimal color #dd697f

This text has a font color of #dd697f.

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

#dd697f background color

This paragraph has a background color of #dd697f.

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

#dd697f border color

This element has a border color of #dd697f.

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

CSS codes

.text {color:#dd697f;}

.background {background-color:#dd697f;}

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

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

#0a0204
```
#0a0204 rgb(10,2,4)
```
#1a060a
```
#1a060a rgb(26,6,10)
```
#2a0910
```
#2a0910 rgb(42,9,16)
```
#3a0d16
```
#3a0d16 rgb(58,13,22)
```
#4a111c
```
#4a111c rgb(74,17,28)
```
#5a1422
```
#5a1422 rgb(90,20,34)
```
#6a1828
```
#6a1828 rgb(106,24,40)
```
#7a1c2d
```
#7a1c2d rgb(122,28,45)
```
#8a1f33
```
#8a1f33 rgb(138,31,51)
```
#9a2339
```
#9a2339 rgb(154,35,57)
```
#aa263f
```
#aa263f rgb(170,38,63)
```
#ba2a45
```
#ba2a45 rgb(186,42,69)
```
#ca2e4b
```
#ca2e4b rgb(202,46,75)
```

Shade Color Variation

#d23956
```
#d23956 rgb(210,57,86)
```
#d64964
```
#d64964 rgb(214,73,100)
```
#d95971
```
#d95971 rgb(217,89,113)
```
#dd697f
```
#dd697f rgb(221,105,127)
```
#e1798d
```
#e1798d rgb(225,121,141)
```
#e4899a
```
#e4899a rgb(228,137,154)
```
#e899a8
```
#e899a8 rgb(232,153,168)
```
#eba9b6
```
#eba9b6 rgb(235,169,182)
```
#efb9c3
```
#efb9c3 rgb(239,185,195)
```
#f3c9d1
```
#f3c9d1 rgb(243,201,209)
```
#f6d9df
```
#f6d9df rgb(246,217,223)
```
#fae9ec
```
#fae9ec rgb(250,233,236)
```
#fef9fa
```
#fef9fa rgb(254,249,250)
```

Tint Color Variation

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

#a4a2a2
```
#a4a2a2 rgb(164,162,162)
```
#ab9b9e
```
#ab9b9e rgb(171,155,158)
```
#b39399
```
#b39399 rgb(179,147,153)
```
#ba8c95
```
#ba8c95 rgb(186,140,149)
```
#c18591
```
#c18591 rgb(193,133,145)
```
#c87e8c
```
#c87e8c rgb(200,126,140)
```
#cf7788
```
#cf7788 rgb(207,119,136)
```
#d67083
```
#d67083 rgb(214,112,131)
```
#dd697f
```
#dd697f rgb(221,105,127)
```
#e4627b
```
#e4627b rgb(228,98,123)
```
#eb5b76
```
#eb5b76 rgb(235,91,118)
```
#f25472
```
#f25472 rgb(242,84,114)
```
#f94d6d
```
#f94d6d rgb(249,77,109)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#9e878b Atypical Achromatopsia 0.001% of the population

Dichromacy

#959396 Protanopia 1% of men
#a98e7e Deuteranopia 1% of men
#dd727a Tritanopia 0.001% of the population

Trichromacy

#af838d Protanomaly 1% of men, 0.01% of women
#bc807e Deuteranomaly 6% of men, 0.4% of women
#dd6f7b Tritanomaly 0.01% of the population

#dd697f hex color

#dd697f Color Information

#dd697f Color Conversion

Color Schemes with #dd697f

Alternatives to #dd697f

#dd697f Preview

Shades and Tints of #dd697f

Tones of #dd697f

Color Blindness Simulator