#dc396a hex color

In a RGB color space, hex #dc396a is composed of 86.3% red, 22.4% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.1% magenta, 51.8% yellow and 13.7% black. It has a hue angle of 342 degrees, a saturation of 70% and a lightness of 54.3%. #dc396a color hex could be obtained by blending #ff72d4 with #b90000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 86
- G 22
- B 42
RGB color chart
- C 0
- M 74
- Y 52
- K 14
CMYK color chart

● #dc396a color description : Bright pink.

The hexadecimal color #dc396a has RGB values of R:220, G:57, B:106 and CMYK values of C:0, M:0.74, Y:0.52, K:0.14. Its decimal value is 14432618.

Hex triplet	dc396a	`#dc396a`
RGB Decimal	220, 57, 106	`rgb(220,57,106)`
RGB Percent	86.3, 22.4, 41.6	`rgb(86.3%,22.4%,41.6%)`
CMYK	0, 74, 52, 14
HSL	342°, 70, 54.3	`hsl(342,70%,54.3%)`
HSV (or HSB)	342°, 74.1, 86.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	50.904, 65.091, 10.767
XYZ	33.581, 19.186, 15.57
xyY	0.491, 0.281, 19.186
CIE-LCH	50.904, 65.976, 9.392
CIE-LUV	50.904, 110.572, 0.519
Hunter-Lab	43.802, 60.194, 9.586
Binary	11011100, 00111001, 01101010

#dc396a
```
#dc396a rgb(220,57,106)
```
#39dcab
```
#39dcab rgb(57,220,171)
```

Complementary Color

#dc39bc
```
#dc39bc rgb(220,57,188)
```
#dc396a
```
#dc396a rgb(220,57,106)
```
#dc5a39
```
#dc5a39 rgb(220,90,57)
```

Analogous Color

#39bcdc
```
#39bcdc rgb(57,188,220)
```
#dc396a
```
#dc396a rgb(220,57,106)
```
#39dc5a
```
#39dc5a rgb(57,220,90)
```

Split Complementary Color

#396adc
```
#396adc rgb(57,106,220)
```
#dc396a
```
#dc396a rgb(220,57,106)
```
#6adc39
```
#6adc39 rgb(106,220,57)
```

Triadic Color

#ab39dc
```
#ab39dc rgb(171,57,220)
```
#dc396a
```
#dc396a rgb(220,57,106)
```
#6adc39
```
#6adc39 rgb(106,220,57)
```
#39dcab
```
#39dcab rgb(57,220,171)
```

Tetradic Color

#aa1e48
```
#aa1e48 rgb(170,30,72)
```
#c02251
```
#c02251 rgb(192,34,81)
```
#d6265b
```
#d6265b rgb(214,38,91)
```
#dc396a
```
#dc396a rgb(220,57,106)
```
#e04f7a
```
#e04f7a rgb(224,79,122)
```
#e4648b
```
#e4648b rgb(228,100,139)
```
#e77a9b
```
#e77a9b rgb(231,122,155)
```

Monochromatic Color

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

#dc3993
```
#dc3993 rgb(220,57,147)
```
#dc3985
```
#dc3985 rgb(220,57,133)
```
#dc3978
```
#dc3978 rgb(220,57,120)
```
#dc396a
```
#dc396a rgb(220,57,106)
```
#dc395c
```
#dc395c rgb(220,57,92)
```
#dc394f
```
#dc394f rgb(220,57,79)
```
#dc3941
```
#dc3941 rgb(220,57,65)
```

Similar Colors

Text with hexadecimal color #dc396a

This text has a font color of #dc396a.

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

#dc396a background color

This paragraph has a background color of #dc396a.

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

#dc396a border color

This element has a border color of #dc396a.

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

CSS codes

.text {color:#dc396a;}

.background {background-color:#dc396a;}

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

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

#020001
```
#020001 rgb(2,0,1)
```
#130308
```
#130308 rgb(19,3,8)
```
#23060f
```
#23060f rgb(35,6,15)
```
#340916
```
#340916 rgb(52,9,22)
```
#450c1d
```
#450c1d rgb(69,12,29)
```
#550f24
```
#550f24 rgb(85,15,36)
```
#66122b
```
#66122b rgb(102,18,43)
```
#771532
```
#771532 rgb(119,21,50)
```
#871839
```
#871839 rgb(135,24,57)
```
#981b41
```
#981b41 rgb(152,27,65)
```
#a91e48
```
#a91e48 rgb(169,30,72)
```
#b9214f
```
#b9214f rgb(185,33,79)
```
#ca2456
```
#ca2456 rgb(202,36,86)
```

Shade Color Variation

#d9285d
```
#d9285d rgb(217,40,93)
```
#dc396a
```
#dc396a rgb(220,57,106)
```
#df4a77
```
#df4a77 rgb(223,74,119)
```
#e25a83
```
#e25a83 rgb(226,90,131)
```
#e56b90
```
#e56b90 rgb(229,107,144)
```
#e87c9c
```
#e87c9c rgb(232,124,156)
```
#eb8ca9
```
#eb8ca9 rgb(235,140,169)
```
#ee9db5
```
#ee9db5 rgb(238,157,181)
```
#f1aec2
```
#f1aec2 rgb(241,174,194)
```
#f4bece
```
#f4bece rgb(244,190,206)
```
#f7cfdb
```
#f7cfdb rgb(247,207,219)
```
#f9e0e7
```
#f9e0e7 rgb(249,224,231)
```
#fcf0f4
```
#fcf0f4 rgb(252,240,244)
```

Tint Color Variation

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

#8b8a8a
```
#8b8a8a rgb(139,138,138)
```
#948187
```
#948187 rgb(148,129,135)
```
#9d7883
```
#9d7883 rgb(157,120,131)
```
#a66f7f
```
#a66f7f rgb(166,111,127)
```
#af667c
```
#af667c rgb(175,102,124)
```
#b85d78
```
#b85d78 rgb(184,93,120)
```
#c15475
```
#c15475 rgb(193,84,117)
```
#ca4b71
```
#ca4b71 rgb(202,75,113)
```
#d3426e
```
#d3426e rgb(211,66,110)
```
#dc396a
```
#dc396a rgb(220,57,106)
```
#e53066
```
#e53066 rgb(229,48,102)
```
#ee2763
```
#ee2763 rgb(238,39,99)
```
#f71e5f
```
#f71e5f rgb(247,30,95)
```

Tone Color Variation

Below, you can see how #dc396a 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
#85646e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7f8d Protanopia 1% of men
#947b67 Deuteranopia 1% of men
#db4b4e Tritanopia 0.001% of the population

Trichromacy

#a06580 Protanomaly 1% of men, 0.01% of women
#ae6368 Deuteranomaly 6% of men, 0.4% of women
#db4458 Tritanomaly 0.01% of the population

#dc396a hex color

#dc396a Color Information

#dc396a Color Conversion

Color Schemes with #dc396a

Alternatives to #dc396a

#dc396a Preview

Shades and Tints of #dc396a

Tones of #dc396a

Color Blindness Simulator