#de695f hex color

In a RGB color space, hex #de695f is composed of 87.1% red, 41.2% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.7% magenta, 57.2% yellow and 12.9% black. It has a hue angle of 4.7 degrees, a saturation of 65.8% and a lightness of 62.2%. #de695f color hex could be obtained by blending #ffd2be with #bd0000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 87
- G 41
- B 37
RGB color chart
- C 0
- M 53
- Y 57
- K 13
CMYK color chart

● #de695f color description : Soft red.

The hexadecimal color #de695f has RGB values of R:222, G:105, B:95 and CMYK values of C:0, M:0.53, Y:0.57, K:0.13. Its decimal value is 14575967.

Hex triplet	de695f	`#de695f`
RGB Decimal	222, 105, 95	`rgb(222,105,95)`
RGB Percent	87.1, 41.2, 37.3	`rgb(87.1%,41.2%,37.3%)`
CMYK	0, 53, 57, 13
HSL	4.7°, 65.8, 62.2	`hsl(4.7,65.8%,62.2%)`
HSV (or HSB)	4.7°, 57.2, 87.1
Web Safe	cc6666	`#cc6666`

CIE-LAB	58.473, 44.872, 27.523
XYZ	37.242, 26.462, 13.972
xyY	0.479, 0.341, 26.462
CIE-LCH	58.473, 52.641, 31.524
CIE-LUV	58.473, 87.463, 24.251
Hunter-Lab	51.442, 39.207, 19.905
Binary	11011110, 01101001, 01011111

#de695f
```
#de695f rgb(222,105,95)
```
#5fd4de
```
#5fd4de rgb(95,212,222)
```

Complementary Color

#de5f95
```
#de5f95 rgb(222,95,149)
```
#de695f
```
#de695f rgb(222,105,95)
```
#dea95f
```
#dea95f rgb(222,169,95)
```

Analogous Color

#5f95de
```
#5f95de rgb(95,149,222)
```
#de695f
```
#de695f rgb(222,105,95)
```
#5fdea9
```
#5fdea9 rgb(95,222,169)
```

Split Complementary Color

#695fde
```
#695fde rgb(105,95,222)
```
#de695f
```
#de695f rgb(222,105,95)
```
#5fde69
```
#5fde69 rgb(95,222,105)
```

Triadic Color

#de5fd4
```
#de5fd4 rgb(222,95,212)
```
#de695f
```
#de695f rgb(222,105,95)
```
#5fde69
```
#5fde69 rgb(95,222,105)
```
#5fd4de
```
#5fd4de rgb(95,212,222)
```

Tetradic Color

#c73629
```
#c73629 rgb(199,54,41)
```
#d54135
```
#d54135 rgb(213,65,53)
```
#da554a
```
#da554a rgb(218,85,74)
```
#de695f
```
#de695f rgb(222,105,95)
```
#e27d74
```
#e27d74 rgb(226,125,116)
```
#e79189
```
#e79189 rgb(231,145,137)
```
#eba49e
```
#eba49e rgb(235,164,158)
```

Monochromatic Color

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

#de5f75
```
#de5f75 rgb(222,95,117)
```
#de5f6a
```
#de5f6a rgb(222,95,106)
```
#de5f60
```
#de5f60 rgb(222,95,96)
```
#de695f
```
#de695f rgb(222,105,95)
```
#de745f
```
#de745f rgb(222,116,95)
```
#de7e5f
```
#de7e5f rgb(222,126,95)
```
#de895f
```
#de895f rgb(222,137,95)
```

Similar Colors

Text with hexadecimal color #de695f

This text has a font color of #de695f.

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

#de695f background color

This paragraph has a background color of #de695f.

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

#de695f border color

This element has a border color of #de695f.

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

CSS codes

.text {color:#de695f;}

.background {background-color:#de695f;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#130504
```
#130504 rgb(19,5,4)
```
#230907
```
#230907 rgb(35,9,7)
```
#330e0b
```
#330e0b rgb(51,14,11)
```
#44120e
```
#44120e rgb(68,18,14)
```
#541711
```
#541711 rgb(84,23,17)
```
#641b15
```
#641b15 rgb(100,27,21)
```
#741f18
```
#741f18 rgb(116,31,24)
```
#85241b
```
#85241b rgb(133,36,27)
```
#95281f
```
#95281f rgb(149,40,31)
```
#a52c22
```
#a52c22 rgb(165,44,34)
```
#b53125
```
#b53125 rgb(181,49,37)
```
#c63529
```
#c63529 rgb(198,53,41)
```

Shade Color Variation

#d43b2e
```
#d43b2e rgb(212,59,46)
```
#d74b3e
```
#d74b3e rgb(215,75,62)
```
#db5a4f
```
#db5a4f rgb(219,90,79)
```
#de695f
```
#de695f rgb(222,105,95)
```
#e1786f
```
#e1786f rgb(225,120,111)
```
#e58780
```
#e58780 rgb(229,135,128)
```
#e89790
```
#e89790 rgb(232,151,144)
```
#eba6a0
```
#eba6a0 rgb(235,166,160)
```
#efb5b0
```
#efb5b0 rgb(239,181,176)
```
#f2c4c1
```
#f2c4c1 rgb(242,196,193)
```
#f5d4d1
```
#f5d4d1 rgb(245,212,209)
```
#f9e3e1
```
#f9e3e1 rgb(249,227,225)
```
#fcf2f1
```
#fcf2f1 rgb(252,242,241)
```

Tint Color Variation

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

#a39b9a
```
#a39b9a rgb(163,155,154)
```
#aa9593
```
#aa9593 rgb(170,149,147)
```
#b18f8c
```
#b18f8c rgb(177,143,140)
```
#b98884
```
#b98884 rgb(185,136,132)
```
#c0827d
```
#c0827d rgb(192,130,125)
```
#c87c75
```
#c87c75 rgb(200,124,117)
```
#cf766e
```
#cf766e rgb(207,118,110)
```
#d76f66
```
#d76f66 rgb(215,111,102)
```
#de695f
```
#de695f rgb(222,105,95)
```
#e56358
```
#e56358 rgb(229,99,88)
```
#ed5c50
```
#ed5c50 rgb(237,92,80)
```
#f45649
```
#f45649 rgb(244,86,73)
```
#fc5041
```
#fc5041 rgb(252,80,65)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#9c8482 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b9274 Protanopia 1% of men
#af8c60 Deuteranopia 1% of men
#e06e75 Tritanopia 0.001% of the population

Trichromacy

#b3836c Protanomaly 1% of men, 0.01% of women
#c07f5f Deuteranomaly 6% of men, 0.4% of women
#df6c6d Tritanomaly 0.01% of the population

#de695f hex color

#de695f Color Information

#de695f Color Conversion

Color Schemes with #de695f

Alternatives to #de695f

#de695f Preview

Shades and Tints of #de695f

Tones of #de695f

Color Blindness Simulator