#dc688f hex color

In a RGB color space, hex #dc688f is composed of 86.3% red, 40.8% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.7% magenta, 35% yellow and 13.7% black. It has a hue angle of 339.8 degrees, a saturation of 62.4% and a lightness of 63.5%. #dc688f color hex could be obtained by blending #ffd0ff with #b9001f. Closest websafe color is: #cc6699.

♥
- f
- t
- g
- R 86
- G 41
- B 56
RGB color chart
- C 0
- M 53
- Y 35
- K 14
CMYK color chart

● #dc688f color description : Soft pink.

The hexadecimal color #dc688f has RGB values of R:220, G:104, B:143 and CMYK values of C:0, M:0.53, Y:0.35, K:0.14. Its decimal value is 14444687.

Hex triplet	dc688f	`#dc688f`
RGB Decimal	220, 104, 143	`rgb(220,104,143)`
RGB Percent	86.3, 40.8, 56.1	`rgb(86.3%,40.8%,56.1%)`
CMYK	0, 53, 35, 14
HSL	339.8°, 62.4, 63.5	`hsl(339.8,62.4%,63.5%)`
HSV (or HSB)	339.8°, 52.7, 86.3
Web Safe	cc6699	`#cc6699`

CIE-LAB	59.069, 49.313, 0.543
XYZ	39.424, 27.102, 29.14
xyY	0.412, 0.283, 27.102
CIE-LCH	59.069, 49.316, 0.631
CIE-LUV	59.069, 75.11, -8.465
Hunter-Lab	52.06, 44.069, 3.255
Binary	11011100, 01101000, 10001111

#dc688f
```
#dc688f rgb(220,104,143)
```
#68dcb5
```
#68dcb5 rgb(104,220,181)
```

Complementary Color

#dc68c9
```
#dc68c9 rgb(220,104,201)
```
#dc688f
```
#dc688f rgb(220,104,143)
```
#dc7b68
```
#dc7b68 rgb(220,123,104)
```

Analogous Color

#68c9dc
```
#68c9dc rgb(104,201,220)
```
#dc688f
```
#dc688f rgb(220,104,143)
```
#68dc7b
```
#68dc7b rgb(104,220,123)
```

Split Complementary Color

#688fdc
```
#688fdc rgb(104,143,220)
```
#dc688f
```
#dc688f rgb(220,104,143)
```
#8fdc68
```
#8fdc68 rgb(143,220,104)
```

Triadic Color

#b568dc
```
#b568dc rgb(181,104,220)
```
#dc688f
```
#dc688f rgb(220,104,143)
```
#8fdc68
```
#8fdc68 rgb(143,220,104)
```
#68dcb5
```
#68dcb5 rgb(104,220,181)
```

Tetradic Color

#c92f62
```
#c92f62 rgb(201,47,98)
```
#d23f70
```
#d23f70 rgb(210,63,112)
```
#d75380
```
#d75380 rgb(215,83,128)
```
#dc688f
```
#dc688f rgb(220,104,143)
```
#e17d9e
```
#e17d9e rgb(225,125,158)
```
#e691ae
```
#e691ae rgb(230,145,174)
```
#eaa6bd
```
#eaa6bd rgb(234,166,189)
```

Monochromatic Color

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

#dc68ac
```
#dc68ac rgb(220,104,172)
```
#dc68a2
```
#dc68a2 rgb(220,104,162)
```
#dc6899
```
#dc6899 rgb(220,104,153)
```
#dc688f
```
#dc688f rgb(220,104,143)
```
#dc6885
```
#dc6885 rgb(220,104,133)
```
#dc687c
```
#dc687c rgb(220,104,124)
```
#dc6872
```
#dc6872 rgb(220,104,114)
```

Similar Colors

Text with hexadecimal color #dc688f

This text has a font color of #dc688f.

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

#dc688f background color

This paragraph has a background color of #dc688f.

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

#dc688f border color

This element has a border color of #dc688f.

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

CSS codes

.text {color:#dc688f;}

.background {background-color:#dc688f;}

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

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

#080204
```
#080204 rgb(8,2,4)
```
#18060c
```
#18060c rgb(24,6,12)
```
#280914
```
#280914 rgb(40,9,20)
```
#380d1b
```
#380d1b rgb(56,13,27)
```
#481123
```
#481123 rgb(72,17,35)
```
#58142b
```
#58142b rgb(88,20,43)
```
#681833
```
#681833 rgb(104,24,51)
```
#781c3b
```
#781c3b rgb(120,28,59)
```
#881f42
```
#881f42 rgb(136,31,66)
```
#98234a
```
#98234a rgb(152,35,74)
```
#a72752
```
#a72752 rgb(167,39,82)
```
#b72b5a
```
#b72b5a rgb(183,43,90)
```
#c72e62
```
#c72e62 rgb(199,46,98)
```

Shade Color Variation

#d1386c
```
#d1386c rgb(209,56,108)
```
#d54877
```
#d54877 rgb(213,72,119)
```
#d85883
```
#d85883 rgb(216,88,131)
```
#dc688f
```
#dc688f rgb(220,104,143)
```
#e0789b
```
#e0789b rgb(224,120,155)
```
#e388a7
```
#e388a7 rgb(227,136,167)
```
#e798b2
```
#e798b2 rgb(231,152,178)
```
#eba8be
```
#eba8be rgb(235,168,190)
```
#eeb8ca
```
#eeb8ca rgb(238,184,202)
```
#f2c8d6
```
#f2c8d6 rgb(242,200,214)
```
#f6d7e2
```
#f6d7e2 rgb(246,215,226)
```
#fae7ed
```
#fae7ed rgb(250,231,237)
```
#fdf7f9
```
#fdf7f9 rgb(253,247,249)
```

Tint Color Variation

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

#a3a1a2
```
#a3a1a2 rgb(163,161,162)
```
#aa9a9f
```
#aa9a9f rgb(170,154,159)
```
#b1939d
```
#b1939d rgb(177,147,157)
```
#b88c9b
```
#b88c9b rgb(184,140,155)
```
#bf8598
```
#bf8598 rgb(191,133,152)
```
#c77d96
```
#c77d96 rgb(199,125,150)
```
#ce7694
```
#ce7694 rgb(206,118,148)
```
#d56f91
```
#d56f91 rgb(213,111,145)
```
#dc688f
```
#dc688f rgb(220,104,143)
```
#e3618d
```
#e3618d rgb(227,97,141)
```
#ea5a8a
```
#ea5a8a rgb(234,90,138)
```
#f15388
```
#f15388 rgb(241,83,136)
```
#f94b86
```
#f94b86 rgb(249,75,134)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#9e878f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9092a7 Protanopia 1% of men
#a48f8d Deuteranopia 1% of men
#db747c Tritanopia 0.001% of the population

Trichromacy

#ab839e Protanomaly 1% of men, 0.01% of women
#b8818d Deuteranomaly 6% of men, 0.4% of women
#db7083 Tritanomaly 0.01% of the population

#dc688f hex color

#dc688f Color Information

#dc688f Color Conversion

Color Schemes with #dc688f

Alternatives to #dc688f

#dc688f Preview

Shades and Tints of #dc688f

Tones of #dc688f

Color Blindness Simulator