#cf3157 hex color

In a RGB color space, hex #cf3157 is composed of 81.2% red, 19.2% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.3% magenta, 58% yellow and 18.8% black. It has a hue angle of 345.6 degrees, a saturation of 62.2% and a lightness of 50.2%. #cf3157 color hex could be obtained by blending #ff62ae with #9f0000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 81
- G 19
- B 34
RGB color chart
- C 0
- M 76
- Y 58
- K 19
CMYK color chart

● #cf3157 color description : Strong red.

The hexadecimal color #cf3157 has RGB values of R:207, G:49, B:87 and CMYK values of C:0, M:0.76, Y:0.58, K:0.19. Its decimal value is 13578583.

Hex triplet	cf3157	`#cf3157`
RGB Decimal	207, 49, 87	`rgb(207,49,87)`
RGB Percent	81.2, 19.2, 34.1	`rgb(81.2%,19.2%,34.1%)`
CMYK	0, 76, 58, 19
HSL	345.6°, 62.2, 50.2	`hsl(345.6,62.2%,50.2%)`
HSV (or HSB)	345.6°, 76.3, 81.2
Web Safe	cc3366	`#cc3366`

CIE-LAB	47.175, 62.558, 16.828
XYZ	28.552, 16.153, 10.631
xyY	0.516, 0.292, 16.153
CIE-LCH	47.175, 64.782, 15.057
CIE-LUV	47.175, 110.022, 7.28
Hunter-Lab	40.191, 56.472, 12.451
Binary	11001111, 00110001, 01010111

#cf3157
```
#cf3157 rgb(207,49,87)
```
#31cfa9
```
#31cfa9 rgb(49,207,169)
```

Complementary Color

#cf31a6
```
#cf31a6 rgb(207,49,166)
```
#cf3157
```
#cf3157 rgb(207,49,87)
```
#cf5a31
```
#cf5a31 rgb(207,90,49)
```

Analogous Color

#31a6cf
```
#31a6cf rgb(49,166,207)
```
#cf3157
```
#cf3157 rgb(207,49,87)
```
#31cf5a
```
#31cf5a rgb(49,207,90)
```

Split Complementary Color

#3157cf
```
#3157cf rgb(49,87,207)
```
#cf3157
```
#cf3157 rgb(207,49,87)
```
#57cf31
```
#57cf31 rgb(87,207,49)
```

Triadic Color

#a931cf
```
#a931cf rgb(169,49,207)
```
#cf3157
```
#cf3157 rgb(207,49,87)
```
#57cf31
```
#57cf31 rgb(87,207,49)
```
#31cfa9
```
#31cfa9 rgb(49,207,169)
```

Tetradic Color

#92223d
```
#92223d rgb(146,34,61)
```
#a62745
```
#a62745 rgb(166,39,69)
```
#bb2c4e
```
#bb2c4e rgb(187,44,78)
```
#cf3157
```
#cf3157 rgb(207,49,87)
```
#d44668
```
#d44668 rgb(212,70,104)
```
#d95a79
```
#d95a79 rgb(217,90,121)
```
#dd6f8a
```
#dd6f8a rgb(221,111,138)
```

Monochromatic Color

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

#cf317f
```
#cf317f rgb(207,49,127)
```
#cf3171
```
#cf3171 rgb(207,49,113)
```
#cf3164
```
#cf3164 rgb(207,49,100)
```
#cf3157
```
#cf3157 rgb(207,49,87)
```
#cf314a
```
#cf314a rgb(207,49,74)
```
#cf313d
```
#cf313d rgb(207,49,61)
```
#cf3331
```
#cf3331 rgb(207,51,49)
```

Similar Colors

Text with hexadecimal color #cf3157

This text has a font color of #cf3157.

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

#cf3157 background color

This paragraph has a background color of #cf3157.

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

#cf3157 border color

This element has a border color of #cf3157.

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

CSS codes

.text {color:#cf3157;}

.background {background-color:#cf3157;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110407
```
#110407 rgb(17,4,7)
```
#21080e
```
#21080e rgb(33,8,14)
```
#310b14
```
#310b14 rgb(49,11,20)
```
#400f1b
```
#400f1b rgb(64,15,27)
```
#501322
```
#501322 rgb(80,19,34)
```
#601628
```
#601628 rgb(96,22,40)
```
#701a2f
```
#701a2f rgb(112,26,47)
```
#801e35
```
#801e35 rgb(128,30,53)
```
#90223c
```
#90223c rgb(144,34,60)
```
#a02543
```
#a02543 rgb(160,37,67)
```
#b02949
```
#b02949 rgb(176,41,73)
```
#c02d50
```
#c02d50 rgb(192,45,80)
```

Shade Color Variation

#cf3157
```
#cf3157 rgb(207,49,87)
```
#d34164
```
#d34164 rgb(211,65,100)
```
#d65171
```
#d65171 rgb(214,81,113)
```
#da617e
```
#da617e rgb(218,97,126)
```
#de718b
```
#de718b rgb(222,113,139)
```
#e28198
```
#e28198 rgb(226,129,152)
```
#e590a5
```
#e590a5 rgb(229,144,165)
```
#e9a0b2
```
#e9a0b2 rgb(233,160,178)
```
#edb0bf
```
#edb0bf rgb(237,176,191)
```
#f0c0cc
```
#f0c0cc rgb(240,192,204)
```
#f4d0d9
```
#f4d0d9 rgb(244,208,217)
```
#f8e0e6
```
#f8e0e6 rgb(248,224,230)
```
#fbf0f3
```
#fbf0f3 rgb(251,240,243)
```

Tint Color Variation

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

#817f80
```
#817f80 rgb(129,127,128)
```
#8b757a
```
#8b757a rgb(139,117,122)
```
#946c75
```
#946c75 rgb(148,108,117)
```
#9e6270
```
#9e6270 rgb(158,98,112)
```
#a8586b
```
#a8586b rgb(168,88,107)
```
#b24e66
```
#b24e66 rgb(178,78,102)
```
#bb4561
```
#bb4561 rgb(187,69,97)
```
#c53b5c
```
#c53b5c rgb(197,59,92)
```
#cf3157
```
#cf3157 rgb(207,49,87)
```
#d92752
```
#d92752 rgb(217,39,82)
```
#e31d4d
```
#e31d4d rgb(227,29,77)
```
#ec1448
```
#ec1448 rgb(236,20,72)
```
#f60a43
```
#f60a43 rgb(246,10,67)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#7a5b62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#787678 Protanopia 1% of men
#8d7255 Deuteranopia 1% of men
#d04144 Tritanopia 0.001% of the population

Trichromacy

#985d6c Protanomaly 1% of men, 0.01% of women
#a55a56 Deuteranomaly 6% of men, 0.4% of women
#cf3b4b Tritanomaly 0.01% of the population

#cf3157 hex color

#cf3157 Color Information

#cf3157 Color Conversion

Color Schemes with #cf3157

Alternatives to #cf3157

#cf3157 Preview

Shades and Tints of #cf3157

Tones of #cf3157

Color Blindness Simulator