colorhexa.com

#cd3684 hex color

In a RGB color space, hex #cd3684 is composed of 80.4% red, 21.2% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.7% magenta, 35.6% yellow and 19.6% black. It has a hue angle of 329 degrees, a saturation of 60.2% and a lightness of 50.8%. #cd3684 color hex could be obtained by blending #ff6cff with #9b0009. Closest websafe color is: #cc3399.

- R 80
- G 21
- B 52
RGB color chart
- C 0
- M 74
- Y 36
- K 20
CMYK color chart

● #cd3684 color description : Moderate pink.

The hexadecimal color #cd3684 has RGB values of R:205, G:54, B:132 and CMYK values of C:0, M:0.74, Y:0.36, K:0.2. Its decimal value is 13448836.

Hex triplet	cd3684	`#cd3684`
RGB Decimal	205, 54, 132	`rgb(205,54,132)`
RGB Percent	80.4, 21.2, 51.8	`rgb(80.4%,21.2%,51.8%)`
CMYK	0, 74, 36, 20
HSL	329°, 60.2, 50.8	`hsl(329,60.2%,50.8%)`
HSV (or HSB)	329°, 73.7, 80.4
Web Safe	cc3399	`#cc3399`

CIE-LAB	48.619, 64.387, -8.642
XYZ	30.661, 17.286, 23.55
xyY	0.429, 0.242, 17.286
CIE-LCH	48.619, 64.964, 352.355
CIE-LUV	48.619, 89.92, -23.326
Hunter-Lab	41.577, 58.878, -4.48
Binary	11001101, 00110110, 10000100

#cd3684
```
#cd3684 rgb(205,54,132)
```
#36cd7f
```
#36cd7f rgb(54,205,127)
```

Complementary Color

#cb36cd
```
#cb36cd rgb(203,54,205)
```
#cd3684
```
#cd3684 rgb(205,54,132)
```
#cd3639
```
#cd3639 rgb(205,54,57)
```

Analogous Color

#36cdcb
```
#36cdcb rgb(54,205,203)
```
#cd3684
```
#cd3684 rgb(205,54,132)
```
#39cd36
```
#39cd36 rgb(57,205,54)
```

Split Complementary Color

#3684cd
```
#3684cd rgb(54,132,205)
```
#cd3684
```
#cd3684 rgb(205,54,132)
```
#84cd36
```
#84cd36 rgb(132,205,54)
```

Triadic Color

#7f36cd
```
#7f36cd rgb(127,54,205)
```
#cd3684
```
#cd3684 rgb(205,54,132)
```
#84cd36
```
#84cd36 rgb(132,205,54)
```
#36cd7f
```
#36cd7f rgb(54,205,127)
```

Tetradic Color

#92245d
```
#92245d rgb(146,36,93)
```
#a7296a
```
#a7296a rgb(167,41,106)
```
#bb2f77
```
#bb2f77 rgb(187,47,119)
```
#cd3684
```
#cd3684 rgb(205,54,132)
```
#d24a90
```
#d24a90 rgb(210,74,144)
```
#d75f9d
```
#d75f9d rgb(215,95,157)
```
#dc73a9
```
#dc73a9 rgb(220,115,169)
```

Monochromatic Color

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

#cd36aa
```
#cd36aa rgb(205,54,170)
```
#cd369d
```
#cd369d rgb(205,54,157)
```
#cd3691
```
#cd3691 rgb(205,54,145)
```
#cd3684
```
#cd3684 rgb(205,54,132)
```
#cd3677
```
#cd3677 rgb(205,54,119)
```
#cd366b
```
#cd366b rgb(205,54,107)
```
#cd365e
```
#cd365e rgb(205,54,94)
```

Similar Colors

Text with hexadecimal color #cd3684

This text has a font color of #cd3684.

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

#cd3684 background color

This paragraph has a background color of #cd3684.

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

#cd3684 border color

This element has a border color of #cd3684.

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

CSS codes

.text {color:#cd3684;}

.background {background-color:#cd3684;}

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

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

#030102
```
#030102 rgb(3,1,2)
```
#13050c
```
#13050c rgb(19,5,12)
```
#230916
```
#230916 rgb(35,9,22)
```
#320d20
```
#320d20 rgb(50,13,32)
```
#42102a
```
#42102a rgb(66,16,42)
```
#521434
```
#521434 rgb(82,20,52)
```
#61183e
```
#61183e rgb(97,24,62)
```
#711c48
```
#711c48 rgb(113,28,72)
```
#812052
```
#812052 rgb(129,32,82)
```
#91245c
```
#91245c rgb(145,36,92)
```
#a02866
```
#a02866 rgb(160,40,102)
```
#b02c70
```
#b02c70 rgb(176,44,112)
```
#c0307a
```
#c0307a rgb(192,48,122)
```

Shade Color Variation

#cd3684
```
#cd3684 rgb(205,54,132)
```
#d1468e
```
#d1468e rgb(209,70,142)
```
#d55597
```
#d55597 rgb(213,85,151)
```
#d965a1
```
#d965a1 rgb(217,101,161)
```
#dd75aa
```
#dd75aa rgb(221,117,170)
```
#e185b4
```
#e185b4 rgb(225,133,180)
```
#e494be
```
#e494be rgb(228,148,190)
```
#e8a4c7
```
#e8a4c7 rgb(232,164,199)
```
#ecb4d1
```
#ecb4d1 rgb(236,180,209)
```
#f0c3db
```
#f0c3db rgb(240,195,219)
```
#f4d3e4
```
#f4d3e4 rgb(244,211,228)
```
#f8e3ee
```
#f8e3ee rgb(248,227,238)
```
#fcf2f7
```
#fcf2f7 rgb(252,242,247)
```

Tint Color Variation

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

#897a82
```
#897a82 rgb(137,122,130)
```
#937082
```
#937082 rgb(147,112,130)
```
#9d6682
```
#9d6682 rgb(157,102,130)
```
#a65d83
```
#a65d83 rgb(166,93,131)
```
#b05383
```
#b05383 rgb(176,83,131)
```
#ba4983
```
#ba4983 rgb(186,73,131)
```
#c34084
```
#c34084 rgb(195,64,132)
```
#cd3684
```
#cd3684 rgb(205,54,132)
```
#d72c84
```
#d72c84 rgb(215,44,132)
```
#e02385
```
#e02385 rgb(224,35,133)
```
#ea1985
```
#ea1985 rgb(234,25,133)
```
#f40f85
```
#f40f85 rgb(244,15,133)
```
#fd0686
```
#fd0686 rgb(253,6,134)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#7f6171 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6979aa Protanopia 1% of men
#83777f Deuteranopia 1% of men
#cb4f54 Tritanopia 0.001% of the population

Trichromacy

#8d609c Protanomaly 1% of men, 0.01% of women
#9e5f80 Deuteranomaly 6% of men, 0.4% of women
#cc4665 Tritanomaly 0.01% of the population