#cd309f hex color

In a RGB color space, hex #cd309f is composed of 80.4% red, 18.8% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.6% magenta, 22.4% yellow and 19.6% black. It has a hue angle of 317.6 degrees, a saturation of 62.1% and a lightness of 49.6%. #cd309f color hex could be obtained by blending #ff60ff with #9b003f. Closest websafe color is: #cc3399.

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

● #cd309f color description : Strong pink.

The hexadecimal color #cd309f has RGB values of R:205, G:48, B:159 and CMYK values of C:0, M:0.77, Y:0.22, K:0.2. Its decimal value is 13447327.

Hex triplet	cd309f	`#cd309f`
RGB Decimal	205, 48, 159	`rgb(205,48,159)`
RGB Percent	80.4, 18.8, 62.4	`rgb(80.4%,18.8%,62.4%)`
CMYK	0, 77, 22, 20
HSL	317.6°, 62.1, 49.6	`hsl(317.6,62.1%,49.6%)`
HSV (or HSB)	317.6°, 76.6, 80.4
Web Safe	cc3399	`#cc3399`

CIE-LAB	49.006, 69.41, -24.249
XYZ	32.492, 17.599, 34.485
xyY	0.384, 0.208, 17.599
CIE-LCH	49.006, 73.524, 340.743
CIE-LUV	49.006, 80.995, -46.055
Hunter-Lab	41.951, 64.837, -19.372
Binary	11001101, 00110000, 10011111

#cd309f
```
#cd309f rgb(205,48,159)
```
#30cd5e
```
#30cd5e rgb(48,205,94)
```

Complementary Color

#ad30cd
```
#ad30cd rgb(173,48,205)
```
#cd309f
```
#cd309f rgb(205,48,159)
```
#cd3051
```
#cd3051 rgb(205,48,81)
```

Analogous Color

#30cdad
```
#30cdad rgb(48,205,173)
```
#cd309f
```
#cd309f rgb(205,48,159)
```
#51cd30
```
#51cd30 rgb(81,205,48)
```

Split Complementary Color

#309fcd
```
#309fcd rgb(48,159,205)
```
#cd309f
```
#cd309f rgb(205,48,159)
```
#9fcd30
```
#9fcd30 rgb(159,205,48)
```

Triadic Color

#5e30cd
```
#5e30cd rgb(94,48,205)
```
#cd309f
```
#cd309f rgb(205,48,159)
```
#9fcd30
```
#9fcd30 rgb(159,205,48)
```
#30cd5e
```
#30cd5e rgb(48,205,94)
```

Tetradic Color

#8f216f
```
#8f216f rgb(143,33,111)
```
#a4267f
```
#a4267f rgb(164,38,127)
```
#b82b8f
```
#b82b8f rgb(184,43,143)
```
#cd309f
```
#cd309f rgb(205,48,159)
```
#d343a9
```
#d343a9 rgb(211,67,169)
```
#d858b2
```
#d858b2 rgb(216,88,178)
```
#dd6dbc
```
#dd6dbc rgb(221,109,188)
```

Monochromatic Color

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

#cd30c6
```
#cd30c6 rgb(205,48,198)
```
#cd30b9
```
#cd30b9 rgb(205,48,185)
```
#cd30ac
```
#cd30ac rgb(205,48,172)
```
#cd309f
```
#cd309f rgb(205,48,159)
```
#cd3092
```
#cd3092 rgb(205,48,146)
```
#cd3085
```
#cd3085 rgb(205,48,133)
```
#cd3078
```
#cd3078 rgb(205,48,120)
```

Similar Colors

Text with hexadecimal color #cd309f

This text has a font color of #cd309f.

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

#cd309f background color

This paragraph has a background color of #cd309f.

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

#cd309f border color

This element has a border color of #cd309f.

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

CSS codes

.text {color:#cd309f;}

.background {background-color:#cd309f;}

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

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

#0e030b
```
#0e030b rgb(14,3,11)
```
#1e0717
```
#1e0717 rgb(30,7,23)
```
#2e0b24
```
#2e0b24 rgb(46,11,36)
```
#3e0f30
```
#3e0f30 rgb(62,15,48)
```
#4e123c
```
#4e123c rgb(78,18,60)
```
#5e1649
```
#5e1649 rgb(94,22,73)
```
#6e1a55
```
#6e1a55 rgb(110,26,85)
```
#7e1d61
```
#7e1d61 rgb(126,29,97)
```
#8d216e
```
#8d216e rgb(141,33,110)
```
#9d257a
```
#9d257a rgb(157,37,122)
```
#ad2986
```
#ad2986 rgb(173,41,134)
```
#bd2c93
```
#bd2c93 rgb(189,44,147)
```
#cd309f
```
#cd309f rgb(205,48,159)
```

Shade Color Variation

#d23fa7
```
#d23fa7 rgb(210,63,167)
```
#d64fae
```
#d64fae rgb(214,79,174)
```
#d95eb5
```
#d95eb5 rgb(217,94,181)
```
#dd6ebd
```
#dd6ebd rgb(221,110,189)
```
#e17ec4
```
#e17ec4 rgb(225,126,196)
```
#e58ecb
```
#e58ecb rgb(229,142,203)
```
#e89ed3
```
#e89ed3 rgb(232,158,211)
```
#ecaeda
```
#ecaeda rgb(236,174,218)
```
#f0bee1
```
#f0bee1 rgb(240,190,225)
```
#f3cee8
```
#f3cee8 rgb(243,206,232)
```
#f7def0
```
#f7def0 rgb(247,222,240)
```
#fbedf7
```
#fbedf7 rgb(251,237,247)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#7f7e7f
```
#7f7e7f rgb(127,126,127)
```
#897483
```
#897483 rgb(137,116,131)
```
#936a87
```
#936a87 rgb(147,106,135)
```
#9c618b
```
#9c618b rgb(156,97,139)
```
#a6578f
```
#a6578f rgb(166,87,143)
```
#b04d93
```
#b04d93 rgb(176,77,147)
```
#ba4397
```
#ba4397 rgb(186,67,151)
```
#c33a9b
```
#c33a9b rgb(195,58,155)
```
#cd309f
```
#cd309f rgb(205,48,159)
```
#d726a3
```
#d726a3 rgb(215,38,163)
```
#e01da7
```
#e01da7 rgb(224,29,167)
```
#ea13ab
```
#ea13ab rgb(234,19,171)
```
#f409af
```
#f409af rgb(244,9,175)
```

Tone Color Variation

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

Dichromacy

#5278cc Protanopia 1% of men
#787996 Deuteranopia 1% of men
#c85459 Tritanopia 0.001% of the population

Trichromacy

#7f5ebb Protanomaly 1% of men, 0.01% of women
#975e99 Deuteranomaly 6% of men, 0.4% of women
#ca4772 Tritanomaly 0.01% of the population

#cd309f hex color

#cd309f Color Information

#cd309f Color Conversion

Color Schemes with #cd309f

Alternatives to #cd309f

#cd309f Preview

Shades and Tints of #cd309f

Tones of #cd309f

Color Blindness Simulator