#cf396a hex color

In a RGB color space, hex #cf396a is composed of 81.2% red, 22.4% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.5% magenta, 48.8% yellow and 18.8% black. It has a hue angle of 340.4 degrees, a saturation of 61% and a lightness of 51.8%. #cf396a color hex could be obtained by blending #ff72d4 with #9f0000. Closest websafe color is: #cc3366.

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

● #cf396a color description : Moderate pink.

The hexadecimal color #cf396a has RGB values of R:207, G:57, B:106 and CMYK values of C:0, M:0.72, Y:0.49, K:0.19. Its decimal value is 13580650.

Hex triplet	cf396a	`#cf396a`
RGB Decimal	207, 57, 106	`rgb(207,57,106)`
RGB Percent	81.2, 22.4, 41.6	`rgb(81.2%,22.4%,41.6%)`
CMYK	0, 72, 49, 19
HSL	340.4°, 61, 51.8	`hsl(340.4,61%,51.8%)`
HSV (or HSB)	340.4°, 72.5, 81.2
Web Safe	cc3366	`#cc3366`

CIE-LAB	48.555, 61.41, 7.115
XYZ	29.798, 17.235, 15.393
xyY	0.477, 0.276, 17.235
CIE-LCH	48.555, 61.821, 6.609
CIE-LUV	48.555, 100.035, -2.911
Hunter-Lab	41.516, 55.466, 7.078
Binary	11001111, 00111001, 01101010

#cf396a
```
#cf396a rgb(207,57,106)
```
#39cf9e
```
#39cf9e rgb(57,207,158)
```

Complementary Color

#cf39b5
```
#cf39b5 rgb(207,57,181)
```
#cf396a
```
#cf396a rgb(207,57,106)
```
#cf5339
```
#cf5339 rgb(207,83,57)
```

Analogous Color

#39b5cf
```
#39b5cf rgb(57,181,207)
```
#cf396a
```
#cf396a rgb(207,57,106)
```
#39cf53
```
#39cf53 rgb(57,207,83)
```

Split Complementary Color

#396acf
```
#396acf rgb(57,106,207)
```
#cf396a
```
#cf396a rgb(207,57,106)
```
#6acf39
```
#6acf39 rgb(106,207,57)
```

Triadic Color

#9e39cf
```
#9e39cf rgb(158,57,207)
```
#cf396a
```
#cf396a rgb(207,57,106)
```
#6acf39
```
#6acf39 rgb(106,207,57)
```
#39cf9e
```
#39cf9e rgb(57,207,158)
```

Tetradic Color

#97254a
```
#97254a rgb(151,37,74)
```
#ab2a54
```
#ab2a54 rgb(171,42,84)
```
#c02f5e
```
#c02f5e rgb(192,47,94)
```
#cf396a
```
#cf396a rgb(207,57,106)
```
#d44e79
```
#d44e79 rgb(212,78,121)
```
#d96289
```
#d96289 rgb(217,98,137)
```
#de7798
```
#de7798 rgb(222,119,152)
```

Monochromatic Color

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

#cf3990
```
#cf3990 rgb(207,57,144)
```
#cf3983
```
#cf3983 rgb(207,57,131)
```
#cf3977
```
#cf3977 rgb(207,57,119)
```
#cf396a
```
#cf396a rgb(207,57,106)
```
#cf395d
```
#cf395d rgb(207,57,93)
```
#cf3951
```
#cf3951 rgb(207,57,81)
```
#cf3945
```
#cf3945 rgb(207,57,69)
```

Similar Colors

Text with hexadecimal color #cf396a

This text has a font color of #cf396a.

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

#cf396a background color

This paragraph has a background color of #cf396a.

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

#cf396a border color

This element has a border color of #cf396a.

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

CSS codes

.text {color:#cf396a;}

.background {background-color:#cf396a;}

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

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

#070204
```
#070204 rgb(7,2,4)
```
#17060b
```
#17060b rgb(23,6,11)
```
#270913
```
#270913 rgb(39,9,19)
```
#370d1b
```
#370d1b rgb(55,13,27)
```
#461122
```
#461122 rgb(70,17,34)
```
#56152a
```
#56152a rgb(86,21,42)
```
#661932
```
#661932 rgb(102,25,50)
```
#761d3a
```
#761d3a rgb(118,29,58)
```
#862041
```
#862041 rgb(134,32,65)
```
#952449
```
#952449 rgb(149,36,73)
```
#a52851
```
#a52851 rgb(165,40,81)
```
#b52c59
```
#b52c59 rgb(181,44,89)
```
#c53060
```
#c53060 rgb(197,48,96)
```

Shade Color Variation

#cf396a
```
#cf396a rgb(207,57,106)
```
#d34976
```
#d34976 rgb(211,73,118)
```
#d75982
```
#d75982 rgb(215,89,130)
```
#da688e
```
#da688e rgb(218,104,142)
```
#de789a
```
#de789a rgb(222,120,154)
```
#e288a5
```
#e288a5 rgb(226,136,165)
```
#e698b1
```
#e698b1 rgb(230,152,177)
```
#eaa8bd
```
#eaa8bd rgb(234,168,189)
```
#eeb7c9
```
#eeb7c9 rgb(238,183,201)
```
#f1c7d5
```
#f1c7d5 rgb(241,199,213)
```
#f5d7e1
```
#f5d7e1 rgb(245,215,225)
```
#f9e7ed
```
#f9e7ed rgb(249,231,237)
```
#fdf6f9
```
#fdf6f9 rgb(253,246,249)
```

Tint Color Variation

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

#8d7b81
```
#8d7b81 rgb(141,123,129)
```
#96727e
```
#96727e rgb(150,114,126)
```
#a0687a
```
#a0687a rgb(160,104,122)
```
#a95f77
```
#a95f77 rgb(169,95,119)
```
#b35574
```
#b35574 rgb(179,85,116)
```
#bc4c71
```
#bc4c71 rgb(188,76,113)
```
#c6426d
```
#c6426d rgb(198,66,109)
```
#cf396a
```
#cf396a rgb(207,57,106)
```
#d83067
```
#d83067 rgb(216,48,103)
```
#e22663
```
#e22663 rgb(226,38,99)
```
#eb1d60
```
#eb1d60 rgb(235,29,96)
```
#f5135d
```
#f5135d rgb(245,19,93)
```
#fe0a5a
```
#fe0a5a rgb(254,10,90)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#7f616b Atypical Achromatopsia 0.001% of the population

Dichromacy

#77798b Protanopia 1% of men
#8c7667 Deuteranopia 1% of men
#cf4b4f Tritanopia 0.001% of the population

Trichromacy

#97627f Protanomaly 1% of men, 0.01% of women
#a45f68 Deuteranomaly 6% of men, 0.4% of women
#cf4458 Tritanomaly 0.01% of the population

#cf396a hex color

#cf396a Color Information

#cf396a Color Conversion

Color Schemes with #cf396a

Alternatives to #cf396a

#cf396a Preview

Shades and Tints of #cf396a

Tones of #cf396a

Color Blindness Simulator