#cf396f hex color

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

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

● #cf396f color description : Moderate pink.

The hexadecimal color #cf396f has RGB values of R:207, G:57, B:111 and CMYK values of C:0, M:0.72, Y:0.46, K:0.19. Its decimal value is 13580655.

Hex triplet	cf396f	`#cf396f`
RGB Decimal	207, 57, 111	`rgb(207,57,111)`
RGB Percent	81.2, 22.4, 43.5	`rgb(81.2%,22.4%,43.5%)`
CMYK	0, 72, 46, 19
HSL	338.4°, 61, 51.8	`hsl(338.4,61%,51.8%)`
HSV (or HSB)	338.4°, 72.5, 81.2
Web Safe	cc3366	`#cc3366`

CIE-LAB	48.689, 61.849, 4.257
XYZ	30.065, 17.342, 16.802
xyY	0.468, 0.27, 17.342
CIE-LCH	48.689, 61.995, 3.937
CIE-LUV	48.689, 98.258, -6.388
Hunter-Lab	41.644, 55.992, 5.229
Binary	11001111, 00111001, 01101111

#cf396f
```
#cf396f rgb(207,57,111)
```
#39cf99
```
#39cf99 rgb(57,207,153)
```

Complementary Color

#cf39ba
```
#cf39ba rgb(207,57,186)
```
#cf396f
```
#cf396f rgb(207,57,111)
```
#cf4e39
```
#cf4e39 rgb(207,78,57)
```

Analogous Color

#39bacf
```
#39bacf rgb(57,186,207)
```
#cf396f
```
#cf396f rgb(207,57,111)
```
#39cf4e
```
#39cf4e rgb(57,207,78)
```

Split Complementary Color

#396fcf
```
#396fcf rgb(57,111,207)
```
#cf396f
```
#cf396f rgb(207,57,111)
```
#6fcf39
```
#6fcf39 rgb(111,207,57)
```

Triadic Color

#9939cf
```
#9939cf rgb(153,57,207)
```
#cf396f
```
#cf396f rgb(207,57,111)
```
#6fcf39
```
#6fcf39 rgb(111,207,57)
```
#39cf99
```
#39cf99 rgb(57,207,153)
```

Tetradic Color

#97254e
```
#97254e rgb(151,37,78)
```
#ab2a58
```
#ab2a58 rgb(171,42,88)
```
#c02f63
```
#c02f63 rgb(192,47,99)
```
#cf396f
```
#cf396f rgb(207,57,111)
```
#d44e7e
```
#d44e7e rgb(212,78,126)
```
#d9628d
```
#d9628d rgb(217,98,141)
```
#de779c
```
#de779c rgb(222,119,156)
```

Monochromatic Color

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

#cf3995
```
#cf3995 rgb(207,57,149)
```
#cf3988
```
#cf3988 rgb(207,57,136)
```
#cf397c
```
#cf397c rgb(207,57,124)
```
#cf396f
```
#cf396f rgb(207,57,111)
```
#cf3962
```
#cf3962 rgb(207,57,98)
```
#cf3956
```
#cf3956 rgb(207,57,86)
```
#cf3949
```
#cf3949 rgb(207,57,73)
```

Similar Colors

Text with hexadecimal color #cf396f

This text has a font color of #cf396f.

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

#cf396f background color

This paragraph has a background color of #cf396f.

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

#cf396f border color

This element has a border color of #cf396f.

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

CSS codes

.text {color:#cf396f;}

.background {background-color:#cf396f;}

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

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)
```
#17060c
```
#17060c rgb(23,6,12)
```
#270914
```
#270914 rgb(39,9,20)
```
#370d1c
```
#370d1c rgb(55,13,28)
```
#461124
```
#461124 rgb(70,17,36)
```
#56152c
```
#56152c rgb(86,21,44)
```
#661935
```
#661935 rgb(102,25,53)
```
#761d3d
```
#761d3d rgb(118,29,61)
```
#862045
```
#862045 rgb(134,32,69)
```
#95244d
```
#95244d rgb(149,36,77)
```
#a52855
```
#a52855 rgb(165,40,85)
```
#b52c5d
```
#b52c5d rgb(181,44,93)
```
#c53065
```
#c53065 rgb(197,48,101)
```

Shade Color Variation

#cf396f
```
#cf396f rgb(207,57,111)
```
#d3497a
```
#d3497a rgb(211,73,122)
```
#d75986
```
#d75986 rgb(215,89,134)
```
#da6891
```
#da6891 rgb(218,104,145)
```
#de789d
```
#de789d rgb(222,120,157)
```
#e288a8
```
#e288a8 rgb(226,136,168)
```
#e698b4
```
#e698b4 rgb(230,152,180)
```
#eaa8bf
```
#eaa8bf rgb(234,168,191)
```
#eeb7cb
```
#eeb7cb rgb(238,183,203)
```
#f1c7d6
```
#f1c7d6 rgb(241,199,214)
```
#f5d7e2
```
#f5d7e2 rgb(245,215,226)
```
#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, #8d7b82 is the less saturated color, while #fe0a62 is the most saturated one.

#8d7b82
```
#8d7b82 rgb(141,123,130)
```
#96727f
```
#96727f rgb(150,114,127)
```
#a0687c
```
#a0687c rgb(160,104,124)
```
#a95f7a
```
#a95f7a rgb(169,95,122)
```
#b35577
```
#b35577 rgb(179,85,119)
```
#bc4c74
```
#bc4c74 rgb(188,76,116)
```
#c64272
```
#c64272 rgb(198,66,114)
```
#cf396f
```
#cf396f rgb(207,57,111)
```
#d8306c
```
#d8306c rgb(216,48,108)
```
#e2266a
```
#e2266a rgb(226,38,106)
```
#eb1d67
```
#eb1d67 rgb(235,29,103)
```
#f51364
```
#f51364 rgb(245,19,100)
```
#fe0a62
```
#fe0a62 rgb(254,10,98)
```

Tone Color Variation

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

Dichromacy

#757991 Protanopia 1% of men
#8b766c Deuteranopia 1% of men
#cf4c50 Tritanopia 0.001% of the population

Trichromacy

#966285 Protanomaly 1% of men, 0.01% of women
#a4606d Deuteranomaly 6% of men, 0.4% of women
#cf455b Tritanomaly 0.01% of the population

#cf396f hex color

#cf396f Color Information

#cf396f Color Conversion

Color Schemes with #cf396f

Alternatives to #cf396f

#cf396f Preview

Shades and Tints of #cf396f

Tones of #cf396f

Color Blindness Simulator