colorhexa.com

#dc3387 hex color

In a RGB color space, hex #dc3387 is composed of 86.3% red, 20% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.8% magenta, 38.6% yellow and 13.7% black. It has a hue angle of 330.2 degrees, a saturation of 70.7% and a lightness of 53.1%. #dc3387 color hex could be obtained by blending #ff66ff with #b9000f. Closest websafe color is: #cc3399.

- R 86
- G 20
- B 53
RGB color chart
- C 0
- M 77
- Y 39
- K 14
CMYK color chart

● #dc3387 color description : Bright pink.

The hexadecimal color #dc3387 has RGB values of R:220, G:51, B:135 and CMYK values of C:0, M:0.77, Y:0.39, K:0.14. Its decimal value is 14431111.

Hex triplet	dc3387	`#dc3387`
RGB Decimal	220, 51, 135	`rgb(220,51,135)`
RGB Percent	86.3, 20, 52.9	`rgb(86.3%,20%,52.9%)`
CMYK	0, 77, 39, 14
HSL	330.2°, 70.7, 53.1	`hsl(330.2,70.7%,53.1%)`
HSV (or HSB)	330.2°, 76.8, 86.3
Web Safe	cc3399	`#cc3399`

CIE-LAB	51.078, 69.501, -6.498
XYZ	35.073, 19.336, 24.806
xyY	0.443, 0.244, 19.336
CIE-LCH	51.078, 69.805, 354.659
CIE-LUV	51.078, 101.795, -21.756
Hunter-Lab	43.973, 65.42, -2.665
Binary	11011100, 00110011, 10000111

#dc3387
```
#dc3387 rgb(220,51,135)
```
#33dc88
```
#33dc88 rgb(51,220,136)
```

Complementary Color

#dc33dc
```
#dc33dc rgb(220,51,220)
```
#dc3387
```
#dc3387 rgb(220,51,135)
```
#dc3333
```
#dc3333 rgb(220,51,51)
```

Analogous Color

#33dcdc
```
#33dcdc rgb(51,220,220)
```
#dc3387
```
#dc3387 rgb(220,51,135)
```
#33dc33
```
#33dc33 rgb(51,220,51)
```

Split Complementary Color

#3387dc
```
#3387dc rgb(51,135,220)
```
#dc3387
```
#dc3387 rgb(220,51,135)
```
#87dc33
```
#87dc33 rgb(135,220,51)
```

Triadic Color

#8833dc
```
#8833dc rgb(136,51,220)
```
#dc3387
```
#dc3387 rgb(220,51,135)
```
#87dc33
```
#87dc33 rgb(135,220,51)
```
#33dc88
```
#33dc88 rgb(51,220,136)
```

Tetradic Color

#a61c61
```
#a61c61 rgb(166,28,97)
```
#bc206e
```
#bc206e rgb(188,32,110)
```
#d2247a
```
#d2247a rgb(210,36,122)
```
#dc3387
```
#dc3387 rgb(220,51,135)
```
#e04994
```
#e04994 rgb(224,73,148)
```
#e35fa1
```
#e35fa1 rgb(227,95,161)
```
#e774ad
```
#e774ad rgb(231,116,173)
```

Monochromatic Color

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

#dc33b1
```
#dc33b1 rgb(220,51,177)
```
#dc33a3
```
#dc33a3 rgb(220,51,163)
```
#dc3395
```
#dc3395 rgb(220,51,149)
```
#dc3387
```
#dc3387 rgb(220,51,135)
```
#dc3379
```
#dc3379 rgb(220,51,121)
```
#dc336b
```
#dc336b rgb(220,51,107)
```
#dc335d
```
#dc335d rgb(220,51,93)
```

Similar Colors

Text with hexadecimal color #dc3387

This text has a font color of #dc3387.

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

#dc3387 background color

This paragraph has a background color of #dc3387.

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

#dc3387 border color

This element has a border color of #dc3387.

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

CSS codes

.text {color:#dc3387;}

.background {background-color:#dc3387;}

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

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

#0e0208
```
#0e0208 rgb(14,2,8)
```
#1e0512
```
#1e0512 rgb(30,5,18)
```
#2f081b
```
#2f081b rgb(47,8,27)
```
#400b25
```
#400b25 rgb(64,11,37)
```
#510e2f
```
#510e2f rgb(81,14,47)
```
#611139
```
#611139 rgb(97,17,57)
```
#721443
```
#721443 rgb(114,20,67)
```
#83164c
```
#83164c rgb(131,22,76)
```
#941956
```
#941956 rgb(148,25,86)
```
#a41c60
```
#a41c60 rgb(164,28,96)
```
#b51f6a
```
#b51f6a rgb(181,31,106)
```
#c62273
```
#c62273 rgb(198,34,115)
```
#d7257d
```
#d7257d rgb(215,37,125)
```

Shade Color Variation

#dc3387
```
#dc3387 rgb(220,51,135)
```
#df4491
```
#df4491 rgb(223,68,145)
```
#e2549b
```
#e2549b rgb(226,84,155)
```
#e565a5
```
#e565a5 rgb(229,101,165)
```
#e776ae
```
#e776ae rgb(231,118,174)
```
#ea87b8
```
#ea87b8 rgb(234,135,184)
```
#ed97c2
```
#ed97c2 rgb(237,151,194)
```
#f0a8cc
```
#f0a8cc rgb(240,168,204)
```
#f3b9d6
```
#f3b9d6 rgb(243,185,214)
```
#f6cae0
```
#f6cae0 rgb(246,202,224)
```
#f9dae9
```
#f9dae9 rgb(249,218,233)
```
#fcebf3
```
#fcebf3 rgb(252,235,243)
```
#fefcfd
```
#fefcfd rgb(254,252,253)
```

Tint Color Variation

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

#898687
```
#898687 rgb(137,134,135)
```
#927d87
```
#927d87 rgb(146,125,135)
```
#9c7387
```
#9c7387 rgb(156,115,135)
```
#a56a87
```
#a56a87 rgb(165,106,135)
```
#ae6187
```
#ae6187 rgb(174,97,135)
```
#b75887
```
#b75887 rgb(183,88,135)
```
#c04f87
```
#c04f87 rgb(192,79,135)
```
#ca4587
```
#ca4587 rgb(202,69,135)
```
#d33c87
```
#d33c87 rgb(211,60,135)
```
#dc3387
```
#dc3387 rgb(220,51,135)
```
#e52a87
```
#e52a87 rgb(229,42,135)
```
#ee2187
```
#ee2187 rgb(238,33,135)
```
#f81787
```
#f81787 rgb(248,23,135)
```

Tone Color Variation

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

Dichromacy

#6f7eb0 Protanopia 1% of men
#8c7c80 Deuteranopia 1% of men
#d94e52 Tritanopia 0.001% of the population

Trichromacy

#9763a1 Protanomaly 1% of men, 0.01% of women
#a96183 Deuteranomaly 6% of men, 0.4% of women
#da4465 Tritanomaly 0.01% of the population