#dc318f hex color

In a RGB color space, hex #dc318f is composed of 86.3% red, 19.2% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.7% magenta, 35% yellow and 13.7% black. It has a hue angle of 327 degrees, a saturation of 71% and a lightness of 52.7%. #dc318f color hex could be obtained by blending #ff62ff with #b9001f. Closest websafe color is: #cc3399.

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

● #dc318f color description : Bright pink.

The hexadecimal color #dc318f has RGB values of R:220, G:49, B:143 and CMYK values of C:0, M:0.78, Y:0.35, K:0.14. Its decimal value is 14430607.

Hex triplet	dc318f	`#dc318f`
RGB Decimal	220, 49, 143	`rgb(220,49,143)`
RGB Percent	86.3, 19.2, 56.1	`rgb(86.3%,19.2%,56.1%)`
CMYK	0, 78, 35, 14
HSL	327°, 71, 52.7	`hsl(327,71%,52.7%)`
HSV (or HSB)	327°, 77.7, 86.3
Web Safe	cc3399	`#cc3399`

CIE-LAB	51.151, 70.882, -11.188
XYZ	35.572, 19.399, 27.856
xyY	0.429, 0.234, 19.399
CIE-LCH	51.151, 71.759, 351.03
CIE-LUV	51.151, 99.145, -28.351
Hunter-Lab	44.044, 67.087, -6.668
Binary	11011100, 00110001, 10001111

#dc318f
```
#dc318f rgb(220,49,143)
```
#31dc7e
```
#31dc7e rgb(49,220,126)
```

Complementary Color

#d431dc
```
#d431dc rgb(212,49,220)
```
#dc318f
```
#dc318f rgb(220,49,143)
```
#dc3139
```
#dc3139 rgb(220,49,57)
```

Analogous Color

#31dcd4
```
#31dcd4 rgb(49,220,212)
```
#dc318f
```
#dc318f rgb(220,49,143)
```
#39dc31
```
#39dc31 rgb(57,220,49)
```

Split Complementary Color

#318fdc
```
#318fdc rgb(49,143,220)
```
#dc318f
```
#dc318f rgb(220,49,143)
```
#8fdc31
```
#8fdc31 rgb(143,220,49)
```

Triadic Color

#7e31dc
```
#7e31dc rgb(126,49,220)
```
#dc318f
```
#dc318f rgb(220,49,143)
```
#8fdc31
```
#8fdc31 rgb(143,220,49)
```
#31dc7e
```
#31dc7e rgb(49,220,126)
```

Tetradic Color

#a51c67
```
#a51c67 rgb(165,28,103)
```
#ba2075
```
#ba2075 rgb(186,32,117)
```
#d02382
```
#d02382 rgb(208,35,130)
```
#dc318f
```
#dc318f rgb(220,49,143)
```
#e0479b
```
#e0479b rgb(224,71,155)
```
#e35da7
```
#e35da7 rgb(227,93,167)
```
#e772b3
```
#e772b3 rgb(231,114,179)
```

Monochromatic Color

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

#dc31ba
```
#dc31ba rgb(220,49,186)
```
#dc31ac
```
#dc31ac rgb(220,49,172)
```
#dc319d
```
#dc319d rgb(220,49,157)
```
#dc318f
```
#dc318f rgb(220,49,143)
```
#dc3181
```
#dc3181 rgb(220,49,129)
```
#dc3173
```
#dc3173 rgb(220,49,115)
```
#dc3164
```
#dc3164 rgb(220,49,100)
```

Similar Colors

Text with hexadecimal color #dc318f

This text has a font color of #dc318f.

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

#dc318f background color

This paragraph has a background color of #dc318f.

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

#dc318f border color

This element has a border color of #dc318f.

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

CSS codes

.text {color:#dc318f;}

.background {background-color:#dc318f;}

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

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

#0c0207
```
#0c0207 rgb(12,2,7)
```
#1d0512
```
#1d0512 rgb(29,5,18)
```
#2e081c
```
#2e081c rgb(46,8,28)
```
#3e0b27
```
#3e0b27 rgb(62,11,39)
```
#4f0d31
```
#4f0d31 rgb(79,13,49)
```
#60103c
```
#60103c rgb(96,16,60)
```
#711346
```
#711346 rgb(113,19,70)
```
#811651
```
#811651 rgb(129,22,81)
```
#92195b
```
#92195b rgb(146,25,91)
```
#a31c66
```
#a31c66 rgb(163,28,102)
```
#b41f70
```
#b41f70 rgb(180,31,112)
```
#c4217b
```
#c4217b rgb(196,33,123)
```
#d52485
```
#d52485 rgb(213,36,133)
```

Shade Color Variation

#dc318f
```
#dc318f rgb(220,49,143)
```
#df4298
```
#df4298 rgb(223,66,152)
```
#e253a1
```
#e253a1 rgb(226,83,161)
```
#e563aa
```
#e563aa rgb(229,99,170)
```
#e774b3
```
#e774b3 rgb(231,116,179)
```
#ea85bd
```
#ea85bd rgb(234,133,189)
```
#ed96c6
```
#ed96c6 rgb(237,150,198)
```
#f0a6cf
```
#f0a6cf rgb(240,166,207)
```
#f3b7d8
```
#f3b7d8 rgb(243,183,216)
```
#f6c8e1
```
#f6c8e1 rgb(246,200,225)
```
#f8d9ea
```
#f8d9ea rgb(248,217,234)
```
#fbe9f3
```
#fbe9f3 rgb(251,233,243)
```
#fefafc
```
#fefafc rgb(254,250,252)
```

Tint Color Variation

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

#898487
```
#898487 rgb(137,132,135)
```
#927b88
```
#927b88 rgb(146,123,136)
```
#9b7289
```
#9b7289 rgb(155,114,137)
```
#a46989
```
#a46989 rgb(164,105,137)
```
#ae5f8a
```
#ae5f8a rgb(174,95,138)
```
#b7568b
```
#b7568b rgb(183,86,139)
```
#c04d8c
```
#c04d8c rgb(192,77,140)
```
#c9448d
```
#c9448d rgb(201,68,141)
```
#d33a8e
```
#d33a8e rgb(211,58,142)
```
#dc318f
```
#dc318f rgb(220,49,143)
```
#e52890
```
#e52890 rgb(229,40,144)
```
#ef1e91
```
#ef1e91 rgb(239,30,145)
```
#f81592
```
#f81592 rgb(248,21,146)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#856375 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a7eba Protanopia 1% of men
#897d87 Deuteranopia 1% of men
#d95054 Tritanopia 0.001% of the population

Trichromacy

#9362aa Protanomaly 1% of men, 0.01% of women
#a7618a Deuteranomaly 6% of men, 0.4% of women
#da4469 Tritanomaly 0.01% of the population

#dc318f hex color

#dc318f Color Information

#dc318f Color Conversion

Color Schemes with #dc318f

Alternatives to #dc318f

#dc318f Preview

Shades and Tints of #dc318f

Tones of #dc318f

Color Blindness Simulator