#cd336a hex color

In a RGB color space, hex #cd336a is composed of 80.4% red, 20% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.1% magenta, 48.3% yellow and 19.6% black. It has a hue angle of 338.6 degrees, a saturation of 60.6% and a lightness of 50.2%. #cd336a color hex could be obtained by blending #ff66d4 with #9b0000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 80
- G 20
- B 42
RGB color chart
- C 0
- M 75
- Y 48
- K 20
CMYK color chart

● #cd336a color description : Strong pink.

The hexadecimal color #cd336a has RGB values of R:205, G:51, B:106 and CMYK values of C:0, M:0.75, Y:0.48, K:0.2. Its decimal value is 13448042.

Hex triplet	cd336a	`#cd336a`
RGB Decimal	205, 51, 106	`rgb(205,51,106)`
RGB Percent	80.4, 20, 41.6	`rgb(80.4%,20%,41.6%)`
CMYK	0, 75, 48, 20
HSL	338.6°, 60.6, 50.2	`hsl(338.6,60.6%,50.2%)`
HSV (or HSB)	338.6°, 75.1, 80.4
Web Safe	cc3366	`#cc3366`

CIE-LAB	47.483, 62.832, 5.535
XYZ	28.963, 16.39, 15.273
xyY	0.478, 0.27, 16.39
CIE-LCH	47.483, 63.075, 5.035
CIE-LUV	47.483, 100.909, -5.108
Hunter-Lab	40.485, 56.85, 5.972
Binary	11001101, 00110011, 01101010

#cd336a
```
#cd336a rgb(205,51,106)
```
#33cd96
```
#33cd96 rgb(51,205,150)
```

Complementary Color

#cd33b7
```
#cd33b7 rgb(205,51,183)
```
#cd336a
```
#cd336a rgb(205,51,106)
```
#cd4933
```
#cd4933 rgb(205,73,51)
```

Analogous Color

#33b7cd
```
#33b7cd rgb(51,183,205)
```
#cd336a
```
#cd336a rgb(205,51,106)
```
#33cd49
```
#33cd49 rgb(51,205,73)
```

Split Complementary Color

#336acd
```
#336acd rgb(51,106,205)
```
#cd336a
```
#cd336a rgb(205,51,106)
```
#6acd33
```
#6acd33 rgb(106,205,51)
```

Triadic Color

#9633cd
```
#9633cd rgb(150,51,205)
```
#cd336a
```
#cd336a rgb(205,51,106)
```
#6acd33
```
#6acd33 rgb(106,205,51)
```
#33cd96
```
#33cd96 rgb(51,205,150)
```

Tetradic Color

#90234a
```
#90234a rgb(144,35,74)
```
#a52855
```
#a52855 rgb(165,40,85)
```
#b92d5f
```
#b92d5f rgb(185,45,95)
```
#cd336a
```
#cd336a rgb(205,51,106)
```
#d24779
```
#d24779 rgb(210,71,121)
```
#d75c88
```
#d75c88 rgb(215,92,136)
```
#dc7097
```
#dc7097 rgb(220,112,151)
```

Monochromatic Color

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

#cd3391
```
#cd3391 rgb(205,51,145)
```
#cd3384
```
#cd3384 rgb(205,51,132)
```
#cd3377
```
#cd3377 rgb(205,51,119)
```
#cd336a
```
#cd336a rgb(205,51,106)
```
#cd335d
```
#cd335d rgb(205,51,93)
```
#cd3350
```
#cd3350 rgb(205,51,80)
```
#cd3344
```
#cd3344 rgb(205,51,68)
```

Similar Colors

Text with hexadecimal color #cd336a

This text has a font color of #cd336a.

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

#cd336a background color

This paragraph has a background color of #cd336a.

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

#cd336a border color

This element has a border color of #cd336a.

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

CSS codes

.text {color:#cd336a;}

.background {background-color:#cd336a;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110409
```
#110409 rgb(17,4,9)
```
#200811
```
#200811 rgb(32,8,17)
```
#300c19
```
#300c19 rgb(48,12,25)
```
#401021
```
#401021 rgb(64,16,33)
```
#501429
```
#501429 rgb(80,20,41)
```
#5f1731
```
#5f1731 rgb(95,23,49)
```
#6f1b39
```
#6f1b39 rgb(111,27,57)
```
#7f1f41
```
#7f1f41 rgb(127,31,65)
```
#8f2349
```
#8f2349 rgb(143,35,73)
```
#9e2752
```
#9e2752 rgb(158,39,82)
```
#ae2b5a
```
#ae2b5a rgb(174,43,90)
```
#be2f62
```
#be2f62 rgb(190,47,98)
```

Shade Color Variation

#cd336a
```
#cd336a rgb(205,51,106)
```
#d14376
```
#d14376 rgb(209,67,118)
```
#d55381
```
#d55381 rgb(213,83,129)
```
#d9628d
```
#d9628d rgb(217,98,141)
```
#dc7298
```
#dc7298 rgb(220,114,152)
```
#e082a4
```
#e082a4 rgb(224,130,164)
```
#e492af
```
#e492af rgb(228,146,175)
```
#e8a1bb
```
#e8a1bb rgb(232,161,187)
```
#ecb1c6
```
#ecb1c6 rgb(236,177,198)
```
#f0c1d2
```
#f0c1d2 rgb(240,193,210)
```
#f4d1dd
```
#f4d1dd rgb(244,209,221)
```
#f7e0e9
```
#f7e0e9 rgb(247,224,233)
```
#fbf0f4
```
#fbf0f4 rgb(251,240,244)
```

Tint Color Variation

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

#89777e
```
#89777e rgb(137,119,126)
```
#926e7b
```
#926e7b rgb(146,110,123)
```
#9c6478
```
#9c6478 rgb(156,100,120)
```
#a65a75
```
#a65a75 rgb(166,90,117)
```
#b05072
```
#b05072 rgb(176,80,114)
```
#b94770
```
#b94770 rgb(185,71,112)
```
#c33d6d
```
#c33d6d rgb(195,61,109)
```
#cd336a
```
#cd336a rgb(205,51,106)
```
#d72967
```
#d72967 rgb(215,41,103)
```
#e11f64
```
#e11f64 rgb(225,31,100)
```
#ea1662
```
#ea1662 rgb(234,22,98)
```
#f40c5f
```
#f40c5f rgb(244,12,95)
```
#fe025c
```
#fe025c rgb(254,2,92)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#7b5d68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#72778d Protanopia 1% of men
#897367 Deuteranopia 1% of men
#cd474a Tritanopia 0.001% of the population

Trichromacy

#935e80 Protanomaly 1% of men, 0.01% of women
#a15c68 Deuteranomaly 6% of men, 0.4% of women
#cd3f56 Tritanomaly 0.01% of the population

#cd336a hex color

#cd336a Color Information

#cd336a Color Conversion

Color Schemes with #cd336a

Alternatives to #cd336a

#cd336a Preview

Shades and Tints of #cd336a

Tones of #cd336a

Color Blindness Simulator