#cd306d hex color

In a RGB color space, hex #cd306d is composed of 80.4% red, 18.8% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.6% magenta, 46.8% yellow and 19.6% black. It has a hue angle of 336.7 degrees, a saturation of 62.1% and a lightness of 49.6%. #cd306d color hex could be obtained by blending #ff60da with #9b0000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 80
- G 19
- B 43
RGB color chart
- C 0
- M 77
- Y 47
- K 20
CMYK color chart

● #cd306d color description : Strong pink.

The hexadecimal color #cd306d has RGB values of R:205, G:48, B:109 and CMYK values of C:0, M:0.77, Y:0.47, K:0.2. Its decimal value is 13447277.

Hex triplet	cd306d	`#cd306d`
RGB Decimal	205, 48, 109	`rgb(205,48,109)`
RGB Percent	80.4, 18.8, 42.7	`rgb(80.4%,18.8%,42.7%)`
CMYK	0, 77, 47, 20
HSL	336.7°, 62.1, 49.6	`hsl(336.7,62.1%,49.6%)`
HSV (or HSB)	336.7°, 76.6, 80.4
Web Safe	cc3366	`#cc3366`

CIE-LAB	47.236, 64.018, 3.34
XYZ	28.995, 16.2, 16.067
xyY	0.473, 0.264, 16.2
CIE-LCH	47.236, 64.105, 2.987
CIE-LUV	47.236, 100.935, -7.977
Hunter-Lab	40.25, 58.151, 4.507
Binary	11001101, 00110000, 01101101

#cd306d
```
#cd306d rgb(205,48,109)
```
#30cd90
```
#30cd90 rgb(48,205,144)
```

Complementary Color

#cd30bc
```
#cd30bc rgb(205,48,188)
```
#cd306d
```
#cd306d rgb(205,48,109)
```
#cd4130
```
#cd4130 rgb(205,65,48)
```

Analogous Color

#30bccd
```
#30bccd rgb(48,188,205)
```
#cd306d
```
#cd306d rgb(205,48,109)
```
#30cd41
```
#30cd41 rgb(48,205,65)
```

Split Complementary Color

#306dcd
```
#306dcd rgb(48,109,205)
```
#cd306d
```
#cd306d rgb(205,48,109)
```
#6dcd30
```
#6dcd30 rgb(109,205,48)
```

Triadic Color

#9030cd
```
#9030cd rgb(144,48,205)
```
#cd306d
```
#cd306d rgb(205,48,109)
```
#6dcd30
```
#6dcd30 rgb(109,205,48)
```
#30cd90
```
#30cd90 rgb(48,205,144)
```

Tetradic Color

#8f214c
```
#8f214c rgb(143,33,76)
```
#a42657
```
#a42657 rgb(164,38,87)
```
#b82b62
```
#b82b62 rgb(184,43,98)
```
#cd306d
```
#cd306d rgb(205,48,109)
```
#d3437b
```
#d3437b rgb(211,67,123)
```
#d8588a
```
#d8588a rgb(216,88,138)
```
#dd6d98
```
#dd6d98 rgb(221,109,152)
```

Monochromatic Color

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

#cd3094
```
#cd3094 rgb(205,48,148)
```
#cd3087
```
#cd3087 rgb(205,48,135)
```
#cd307a
```
#cd307a rgb(205,48,122)
```
#cd306d
```
#cd306d rgb(205,48,109)
```
#cd3060
```
#cd3060 rgb(205,48,96)
```
#cd3053
```
#cd3053 rgb(205,48,83)
```
#cd3046
```
#cd3046 rgb(205,48,70)
```

Similar Colors

Text with hexadecimal color #cd306d

This text has a font color of #cd306d.

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

#cd306d background color

This paragraph has a background color of #cd306d.

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

#cd306d border color

This element has a border color of #cd306d.

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

CSS codes

.text {color:#cd306d;}

.background {background-color:#cd306d;}

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

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

#0e0308
```
#0e0308 rgb(14,3,8)
```
#1e0710
```
#1e0710 rgb(30,7,16)
```
#2e0b18
```
#2e0b18 rgb(46,11,24)
```
#3e0f21
```
#3e0f21 rgb(62,15,33)
```
#4e1229
```
#4e1229 rgb(78,18,41)
```
#5e1632
```
#5e1632 rgb(94,22,50)
```
#6e1a3a
```
#6e1a3a rgb(110,26,58)
```
#7e1d43
```
#7e1d43 rgb(126,29,67)
```
#8d214b
```
#8d214b rgb(141,33,75)
```
#9d2554
```
#9d2554 rgb(157,37,84)
```
#ad295c
```
#ad295c rgb(173,41,92)
```
#bd2c65
```
#bd2c65 rgb(189,44,101)
```
#cd306d
```
#cd306d rgb(205,48,109)
```

Shade Color Variation

#d23f78
```
#d23f78 rgb(210,63,120)
```
#d64f83
```
#d64f83 rgb(214,79,131)
```
#d95e8e
```
#d95e8e rgb(217,94,142)
```
#dd6e99
```
#dd6e99 rgb(221,110,153)
```
#e17ea5
```
#e17ea5 rgb(225,126,165)
```
#e58eb0
```
#e58eb0 rgb(229,142,176)
```
#e89ebb
```
#e89ebb rgb(232,158,187)
```
#ecaec6
```
#ecaec6 rgb(236,174,198)
```
#f0bed1
```
#f0bed1 rgb(240,190,209)
```
#f3cedc
```
#f3cedc rgb(243,206,220)
```
#f7dee8
```
#f7dee8 rgb(247,222,232)
```
#fbedf3
```
#fbedf3 rgb(251,237,243)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#7f7e7e
```
#7f7e7e rgb(127,126,126)
```
#89747c
```
#89747c rgb(137,116,124)
```
#936a7a
```
#936a7a rgb(147,106,122)
```
#9c6178
```
#9c6178 rgb(156,97,120)
```
#a65776
```
#a65776 rgb(166,87,118)
```
#b04d74
```
#b04d74 rgb(176,77,116)
```
#ba4371
```
#ba4371 rgb(186,67,113)
```
#c33a6f
```
#c33a6f rgb(195,58,111)
```
#cd306d
```
#cd306d rgb(205,48,109)
```
#d7266b
```
#d7266b rgb(215,38,107)
```
#e01d69
```
#e01d69 rgb(224,29,105)
```
#ea1366
```
#ea1366 rgb(234,19,102)
```
#f40964
```
#f40964 rgb(244,9,100)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#7b5b67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#707691 Protanopia 1% of men
#877369 Deuteranopia 1% of men
#cd4649 Tritanopia 0.001% of the population

Trichromacy

#925c84 Protanomaly 1% of men, 0.01% of women
#a05a6b Deuteranomaly 6% of men, 0.4% of women
#cd3e56 Tritanomaly 0.01% of the population

#cd306d hex color

#cd306d Color Information

#cd306d Color Conversion

Color Schemes with #cd306d

Alternatives to #cd306d

#cd306d Preview

Shades and Tints of #cd306d

Tones of #cd306d

Color Blindness Simulator