#dc658f hex color

In a RGB color space, hex #dc658f is composed of 86.3% red, 39.6% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.1% magenta, 35% yellow and 13.7% black. It has a hue angle of 338.8 degrees, a saturation of 63% and a lightness of 62.9%. #dc658f color hex could be obtained by blending #ffcaff with #b9001f. Closest websafe color is: #cc6699.

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

● #dc658f color description : Soft pink.

The hexadecimal color #dc658f has RGB values of R:220, G:101, B:143 and CMYK values of C:0, M:0.54, Y:0.35, K:0.14. Its decimal value is 14443919.

Hex triplet	dc658f	`#dc658f`
RGB Decimal	220, 101, 143	`rgb(220,101,143)`
RGB Percent	86.3, 39.6, 56.1	`rgb(86.3%,39.6%,56.1%)`
CMYK	0, 54, 35, 14
HSL	338.8°, 63, 62.9	`hsl(338.8,63%,62.9%)`
HSV (or HSB)	338.8°, 54.1, 86.3
Web Safe	cc6699	`#cc6699`

CIE-LAB	58.517, 50.754, -0.262
XYZ	39.127, 26.509, 29.041
xyY	0.413, 0.28, 26.509
CIE-LCH	58.517, 50.755, 359.704
CIE-LUV	58.517, 76.761, -9.835
Hunter-Lab	51.487, 45.547, 2.598
Binary	11011100, 01100101, 10001111

#dc658f
```
#dc658f rgb(220,101,143)
```
#65dcb2
```
#65dcb2 rgb(101,220,178)
```

Complementary Color

#dc65cb
```
#dc65cb rgb(220,101,203)
```
#dc658f
```
#dc658f rgb(220,101,143)
```
#dc7765
```
#dc7765 rgb(220,119,101)
```

Analogous Color

#65cbdc
```
#65cbdc rgb(101,203,220)
```
#dc658f
```
#dc658f rgb(220,101,143)
```
#65dc77
```
#65dc77 rgb(101,220,119)
```

Split Complementary Color

#658fdc
```
#658fdc rgb(101,143,220)
```
#dc658f
```
#dc658f rgb(220,101,143)
```
#8fdc65
```
#8fdc65 rgb(143,220,101)
```

Triadic Color

#b265dc
```
#b265dc rgb(178,101,220)
```
#dc658f
```
#dc658f rgb(220,101,143)
```
#8fdc65
```
#8fdc65 rgb(143,220,101)
```
#65dcb2
```
#65dcb2 rgb(101,220,178)
```

Tetradic Color

#c72d64
```
#c72d64 rgb(199,45,100)
```
#d33b71
```
#d33b71 rgb(211,59,113)
```
#d75080
```
#d75080 rgb(215,80,128)
```
#dc658f
```
#dc658f rgb(220,101,143)
```
#e17a9e
```
#e17a9e rgb(225,122,158)
```
#e58fad
```
#e58fad rgb(229,143,173)
```
#eaa3bc
```
#eaa3bc rgb(234,163,188)
```

Monochromatic Color

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

#dc65ad
```
#dc65ad rgb(220,101,173)
```
#dc65a3
```
#dc65a3 rgb(220,101,163)
```
#dc6599
```
#dc6599 rgb(220,101,153)
```
#dc658f
```
#dc658f rgb(220,101,143)
```
#dc6585
```
#dc6585 rgb(220,101,133)
```
#dc657b
```
#dc657b rgb(220,101,123)
```
#dc6571
```
#dc6571 rgb(220,101,113)
```

Similar Colors

Text with hexadecimal color #dc658f

This text has a font color of #dc658f.

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

#dc658f background color

This paragraph has a background color of #dc658f.

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

#dc658f border color

This element has a border color of #dc658f.

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

CSS codes

.text {color:#dc658f;}

.background {background-color:#dc658f;}

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

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

#060103
```
#060103 rgb(6,1,3)
```
#16050b
```
#16050b rgb(22,5,11)
```
#260913
```
#260913 rgb(38,9,19)
```
#360c1b
```
#360c1b rgb(54,12,27)
```
#461023
```
#461023 rgb(70,16,35)
```
#56132b
```
#56132b rgb(86,19,43)
```
#661733
```
#661733 rgb(102,23,51)
```
#761b3b
```
#761b3b rgb(118,27,59)
```
#861e43
```
#861e43 rgb(134,30,67)
```
#96224b
```
#96224b rgb(150,34,75)
```
#a62653
```
#a62653 rgb(166,38,83)
```
#b6295b
```
#b6295b rgb(182,41,91)
```
#c62d63
```
#c62d63 rgb(198,45,99)
```

Shade Color Variation

#d1356c
```
#d1356c rgb(209,53,108)
```
#d54578
```
#d54578 rgb(213,69,120)
```
#d85583
```
#d85583 rgb(216,85,131)
```
#dc658f
```
#dc658f rgb(220,101,143)
```
#e0759b
```
#e0759b rgb(224,117,155)
```
#e385a6
```
#e385a6 rgb(227,133,166)
```
#e795b2
```
#e795b2 rgb(231,149,178)
```
#eba5bd
```
#eba5bd rgb(235,165,189)
```
#eeb5c9
```
#eeb5c9 rgb(238,181,201)
```
#f2c5d5
```
#f2c5d5 rgb(242,197,213)
```
#f5d5e0
```
#f5d5e0 rgb(245,213,224)
```
#f9e5ec
```
#f9e5ec rgb(249,229,236)
```
#fdf5f8
```
#fdf5f8 rgb(253,245,248)
```

Tint Color Variation

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

#a29fa0
```
#a29fa0 rgb(162,159,160)
```
#a9989e
```
#a9989e rgb(169,152,158)
```
#b0919c
```
#b0919c rgb(176,145,156)
```
#b8899a
```
#b8899a rgb(184,137,154)
```
#bf8298
```
#bf8298 rgb(191,130,152)
```
#c67b95
```
#c67b95 rgb(198,123,149)
```
#cd7493
```
#cd7493 rgb(205,116,147)
```
#d56c91
```
#d56c91 rgb(213,108,145)
```
#dc658f
```
#dc658f rgb(220,101,143)
```
#e35e8d
```
#e35e8d rgb(227,94,141)
```
#eb568b
```
#eb568b rgb(235,86,139)
```
#f24f89
```
#f24f89 rgb(242,79,137)
```
#f94886
```
#f94886 rgb(249,72,134)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#9d858d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e91a8 Protanopia 1% of men
#a28e8c Deuteranopia 1% of men
#db7279 Tritanopia 0.001% of the population

Trichromacy

#aa819f Protanomaly 1% of men, 0.01% of women
#b77f8d Deuteranomaly 6% of men, 0.4% of women
#db6d81 Tritanomaly 0.01% of the population

#dc658f hex color

#dc658f Color Information

#dc658f Color Conversion

Color Schemes with #dc658f

Alternatives to #dc658f

#dc658f Preview

Shades and Tints of #dc658f

Tones of #dc658f

Color Blindness Simulator