#cf346c hex color

In a RGB color space, hex #cf346c is composed of 81.2% red, 20.4% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.9% magenta, 47.8% yellow and 18.8% black. It has a hue angle of 338.3 degrees, a saturation of 61.8% and a lightness of 50.8%. #cf346c color hex could be obtained by blending #ff68d8 with #9f0000. Closest websafe color is: #cc3366.

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

● #cf346c color description : Moderate pink.

The hexadecimal color #cf346c has RGB values of R:207, G:52, B:108 and CMYK values of C:0, M:0.75, Y:0.48, K:0.19. Its decimal value is 13579372.

Hex triplet	cf346c	`#cf346c`
RGB Decimal	207, 52, 108	`rgb(207,52,108)`
RGB Percent	81.2, 20.4, 42.4	`rgb(81.2%,20.4%,42.4%)`
CMYK	0, 75, 48, 19
HSL	338.3°, 61.8, 50.8	`hsl(338.3,61.8%,50.8%)`
HSV (or HSB)	338.3°, 74.9, 81.2
Web Safe	cc3366	`#cc3366`

CIE-LAB	48.016, 63.239, 5.123
XYZ	29.668, 16.807, 15.868
xyY	0.476, 0.27, 16.807
CIE-LCH	48.016, 63.446, 4.631
CIE-LUV	48.016, 101.4, -5.678
Hunter-Lab	40.997, 57.43, 5.748
Binary	11001111, 00110100, 01101100

#cf346c
```
#cf346c rgb(207,52,108)
```
#34cf97
```
#34cf97 rgb(52,207,151)
```

Complementary Color

#cf34ba
```
#cf34ba rgb(207,52,186)
```
#cf346c
```
#cf346c rgb(207,52,108)
```
#cf4a34
```
#cf4a34 rgb(207,74,52)
```

Analogous Color

#34bacf
```
#34bacf rgb(52,186,207)
```
#cf346c
```
#cf346c rgb(207,52,108)
```
#34cf4a
```
#34cf4a rgb(52,207,74)
```

Split Complementary Color

#346ccf
```
#346ccf rgb(52,108,207)
```
#cf346c
```
#cf346c rgb(207,52,108)
```
#6ccf34
```
#6ccf34 rgb(108,207,52)
```

Triadic Color

#9734cf
```
#9734cf rgb(151,52,207)
```
#cf346c
```
#cf346c rgb(207,52,108)
```
#6ccf34
```
#6ccf34 rgb(108,207,52)
```
#34cf97
```
#34cf97 rgb(52,207,151)
```

Tetradic Color

#94234c
```
#94234c rgb(148,35,76)
```
#a82856
```
#a82856 rgb(168,40,86)
```
#bd2d61
```
#bd2d61 rgb(189,45,97)
```
#cf346c
```
#cf346c rgb(207,52,108)
```
#d4497b
```
#d4497b rgb(212,73,123)
```
#d95d8a
```
#d95d8a rgb(217,93,138)
```
#de7299
```
#de7299 rgb(222,114,153)
```

Monochromatic Color

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

#cf3493
```
#cf3493 rgb(207,52,147)
```
#cf3486
```
#cf3486 rgb(207,52,134)
```
#cf3479
```
#cf3479 rgb(207,52,121)
```
#cf346c
```
#cf346c rgb(207,52,108)
```
#cf345f
```
#cf345f rgb(207,52,95)
```
#cf3452
```
#cf3452 rgb(207,52,82)
```
#cf3445
```
#cf3445 rgb(207,52,69)
```

Similar Colors

Text with hexadecimal color #cf346c

This text has a font color of #cf346c.

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

#cf346c background color

This paragraph has a background color of #cf346c.

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

#cf346c border color

This element has a border color of #cf346c.

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

CSS codes

.text {color:#cf346c;}

.background {background-color:#cf346c;}

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

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 #fcf2f6 is the lightest one.

#030102
```
#030102 rgb(3,1,2)
```
#13050a
```
#13050a rgb(19,5,10)
```
#230812
```
#230812 rgb(35,8,18)
```
#330c1a
```
#330c1a rgb(51,12,26)
```
#431022
```
#431022 rgb(67,16,34)
```
#53142a
```
#53142a rgb(83,20,42)
```
#621732
```
#621732 rgb(98,23,50)
```
#721b3b
```
#721b3b rgb(114,27,59)
```
#821f43
```
#821f43 rgb(130,31,67)
```
#92234b
```
#92234b rgb(146,35,75)
```
#a22653
```
#a22653 rgb(162,38,83)
```
#b22a5b
```
#b22a5b rgb(178,42,91)
```
#c22e63
```
#c22e63 rgb(194,46,99)
```

Shade Color Variation

#cf346c
```
#cf346c rgb(207,52,108)
```
#d34477
```
#d34477 rgb(211,68,119)
```
#d75483
```
#d75483 rgb(215,84,131)
```
#da648e
```
#da648e rgb(218,100,142)
```
#de739a
```
#de739a rgb(222,115,154)
```
#e283a5
```
#e283a5 rgb(226,131,165)
```
#e693b1
```
#e693b1 rgb(230,147,177)
```
#e9a3bc
```
#e9a3bc rgb(233,163,188)
```
#edb3c8
```
#edb3c8 rgb(237,179,200)
```
#f1c3d3
```
#f1c3d3 rgb(241,195,211)
```
#f5d3df
```
#f5d3df rgb(245,211,223)
```
#f8e3ea
```
#f8e3ea rgb(248,227,234)
```
#fcf2f6
```
#fcf2f6 rgb(252,242,246)
```

Tint Color Variation

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

#828181
```
#828181 rgb(130,129,129)
```
#8b787f
```
#8b787f rgb(139,120,127)
```
#956e7c
```
#956e7c rgb(149,110,124)
```
#9f6479
```
#9f6479 rgb(159,100,121)
```
#a85b77
```
#a85b77 rgb(168,91,119)
```
#b25174
```
#b25174 rgb(178,81,116)
```
#bc4771
```
#bc4771 rgb(188,71,113)
```
#c53e6f
```
#c53e6f rgb(197,62,111)
```
#cf346c
```
#cf346c rgb(207,52,108)
```
#d92a69
```
#d92a69 rgb(217,42,105)
```
#e22167
```
#e22167 rgb(226,33,103)
```
#ec1764
```
#ec1764 rgb(236,23,100)
```
#f60d61
```
#f60d61 rgb(246,13,97)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#7d5e6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#73788f Protanopia 1% of men
#8a7569 Deuteranopia 1% of men
#cf484c Tritanopia 0.001% of the population

Trichromacy

#955f82 Protanomaly 1% of men, 0.01% of women
#a35d6a Deuteranomaly 6% of men, 0.4% of women
#cf4157 Tritanomaly 0.01% of the population

#cf346c hex color

#cf346c Color Information

#cf346c Color Conversion

Color Schemes with #cf346c

Alternatives to #cf346c

#cf346c Preview

Shades and Tints of #cf346c

Tones of #cf346c

Color Blindness Simulator