#cf346a hex color

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

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

● #cf346a color description : Moderate pink.

The hexadecimal color #cf346a has RGB values of R:207, G:52, B:106 and CMYK values of C:0, M:0.75, Y:0.49, K:0.19. Its decimal value is 13579370.

Hex triplet	cf346a	`#cf346a`
RGB Decimal	207, 52, 106	`rgb(207,52,106)`
RGB Percent	81.2, 20.4, 41.6	`rgb(81.2%,20.4%,41.6%)`
CMYK	0, 75, 49, 19
HSL	339.1°, 61.8, 50.8	`hsl(339.1,61.8%,50.8%)`
HSV (or HSB)	339.1°, 74.9, 81.2
Web Safe	cc3366	`#cc3366`

CIE-LAB	47.963, 63.068, 6.271
XYZ	29.563, 16.765, 15.314
xyY	0.48, 0.272, 16.765
CIE-LCH	47.963, 63.379, 5.678
CIE-LUV	47.963, 102.133, -4.293
Hunter-Lab	40.945, 57.223, 6.486
Binary	11001111, 00110100, 01101010

#cf346a
```
#cf346a rgb(207,52,106)
```
#34cf99
```
#34cf99 rgb(52,207,153)
```

Complementary Color

#cf34b8
```
#cf34b8 rgb(207,52,184)
```
#cf346a
```
#cf346a rgb(207,52,106)
```
#cf4b34
```
#cf4b34 rgb(207,75,52)
```

Analogous Color

#34b8cf
```
#34b8cf rgb(52,184,207)
```
#cf346a
```
#cf346a rgb(207,52,106)
```
#34cf4c
```
#34cf4c rgb(52,207,76)
```

Split Complementary Color

#346acf
```
#346acf rgb(52,106,207)
```
#cf346a
```
#cf346a rgb(207,52,106)
```
#6acf34
```
#6acf34 rgb(106,207,52)
```

Triadic Color

#9934cf
```
#9934cf rgb(153,52,207)
```
#cf346a
```
#cf346a rgb(207,52,106)
```
#6acf34
```
#6acf34 rgb(106,207,52)
```
#34cf99
```
#34cf99 rgb(52,207,153)
```

Tetradic Color

#94234a
```
#94234a rgb(148,35,74)
```
#a82855
```
#a82855 rgb(168,40,85)
```
#bd2d5f
```
#bd2d5f rgb(189,45,95)
```
#cf346a
```
#cf346a rgb(207,52,106)
```
#d44979
```
#d44979 rgb(212,73,121)
```
#d95d88
```
#d95d88 rgb(217,93,136)
```
#de7297
```
#de7297 rgb(222,114,151)
```

Monochromatic Color

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

#cf3491
```
#cf3491 rgb(207,52,145)
```
#cf3484
```
#cf3484 rgb(207,52,132)
```
#cf3477
```
#cf3477 rgb(207,52,119)
```
#cf346a
```
#cf346a rgb(207,52,106)
```
#cf345d
```
#cf345d rgb(207,52,93)
```
#cf3450
```
#cf3450 rgb(207,52,80)
```
#cf3443
```
#cf3443 rgb(207,52,67)
```

Similar Colors

Text with hexadecimal color #cf346a

This text has a font color of #cf346a.

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

#cf346a background color

This paragraph has a background color of #cf346a.

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

#cf346a border color

This element has a border color of #cf346a.

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

CSS codes

.text {color:#cf346a;}

.background {background-color:#cf346a;}

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

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)
```
#531429
```
#531429 rgb(83,20,41)
```
#621731
```
#621731 rgb(98,23,49)
```
#721b39
```
#721b39 rgb(114,27,57)
```
#821f41
```
#821f41 rgb(130,31,65)
```
#922349
```
#922349 rgb(146,35,73)
```
#a22651
```
#a22651 rgb(162,38,81)
```
#b22a59
```
#b22a59 rgb(178,42,89)
```
#c22e61
```
#c22e61 rgb(194,46,97)
```

Shade Color Variation

#cf346a
```
#cf346a rgb(207,52,106)
```
#d34476
```
#d34476 rgb(211,68,118)
```
#d75481
```
#d75481 rgb(215,84,129)
```
#da648d
```
#da648d rgb(218,100,141)
```
#de7399
```
#de7399 rgb(222,115,153)
```
#e283a4
```
#e283a4 rgb(226,131,164)
```
#e693b0
```
#e693b0 rgb(230,147,176)
```
#e9a3bc
```
#e9a3bc rgb(233,163,188)
```
#edb3c7
```
#edb3c7 rgb(237,179,199)
```
#f1c3d3
```
#f1c3d3 rgb(241,195,211)
```
#f5d3de
```
#f5d3de rgb(245,211,222)
```
#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 #f60d5e is the most saturated one.

#828181
```
#828181 rgb(130,129,129)
```
#8b787e
```
#8b787e rgb(139,120,126)
```
#956e7c
```
#956e7c rgb(149,110,124)
```
#9f6479
```
#9f6479 rgb(159,100,121)
```
#a85b76
```
#a85b76 rgb(168,91,118)
```
#b25173
```
#b25173 rgb(178,81,115)
```
#bc4770
```
#bc4770 rgb(188,71,112)
```
#c53e6d
```
#c53e6d rgb(197,62,109)
```
#cf346a
```
#cf346a rgb(207,52,106)
```
#d92a67
```
#d92a67 rgb(217,42,103)
```
#e22164
```
#e22164 rgb(226,33,100)
```
#ec1761
```
#ec1761 rgb(236,23,97)
```
#f60d5e
```
#f60d5e rgb(246,13,94)
```

Tone Color Variation

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

Dichromacy

#74788d Protanopia 1% of men
#8a7467 Deuteranopia 1% of men
#cf484b Tritanopia 0.001% of the population

Trichromacy

#955f80 Protanomaly 1% of men, 0.01% of women
#a35d68 Deuteranomaly 6% of men, 0.4% of women
#cf4056 Tritanomaly 0.01% of the population

#cf346a hex color

#cf346a Color Information

#cf346a Color Conversion

Color Schemes with #cf346a

Alternatives to #cf346a

#cf346a Preview

Shades and Tints of #cf346a

Tones of #cf346a

Color Blindness Simulator