colorhexa.com

#cf3156 hex color

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

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

● #cf3156 color description : Strong red.

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

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

CIE-LAB	47.154, 62.49, 17.413
XYZ	28.511, 16.137, 10.417
xyY	0.518, 0.293, 16.137
CIE-LCH	47.154, 64.871, 15.571
CIE-LUV	47.154, 110.351, 7.883
Hunter-Lab	40.171, 56.39, 12.745
Binary	11001111, 00110001, 01010110

#cf3156
```
#cf3156 rgb(207,49,86)
```
#31cfaa
```
#31cfaa rgb(49,207,170)
```

Complementary Color

#cf31a5
```
#cf31a5 rgb(207,49,165)
```
#cf3156
```
#cf3156 rgb(207,49,86)
```
#cf5b31
```
#cf5b31 rgb(207,91,49)
```

Analogous Color

#31a5cf
```
#31a5cf rgb(49,165,207)
```
#cf3156
```
#cf3156 rgb(207,49,86)
```
#31cf5b
```
#31cf5b rgb(49,207,91)
```

Split Complementary Color

#3156cf
```
#3156cf rgb(49,86,207)
```
#cf3156
```
#cf3156 rgb(207,49,86)
```
#56cf31
```
#56cf31 rgb(86,207,49)
```

Triadic Color

#aa31cf
```
#aa31cf rgb(170,49,207)
```
#cf3156
```
#cf3156 rgb(207,49,86)
```
#56cf31
```
#56cf31 rgb(86,207,49)
```
#31cfaa
```
#31cfaa rgb(49,207,170)
```

Tetradic Color

#92223c
```
#92223c rgb(146,34,60)
```
#a62745
```
#a62745 rgb(166,39,69)
```
#bb2c4d
```
#bb2c4d rgb(187,44,77)
```
#cf3156
```
#cf3156 rgb(207,49,86)
```
#d44667
```
#d44667 rgb(212,70,103)
```
#d95a78
```
#d95a78 rgb(217,90,120)
```
#dd6f89
```
#dd6f89 rgb(221,111,137)
```

Monochromatic Color

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

#cf317e
```
#cf317e rgb(207,49,126)
```
#cf3170
```
#cf3170 rgb(207,49,112)
```
#cf3163
```
#cf3163 rgb(207,49,99)
```
#cf3156
```
#cf3156 rgb(207,49,86)
```
#cf3149
```
#cf3149 rgb(207,49,73)
```
#cf313c
```
#cf313c rgb(207,49,60)
```
#cf3331
```
#cf3331 rgb(207,51,49)
```

Similar Colors

Text with hexadecimal color #cf3156

This text has a font color of #cf3156.

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

#cf3156 background color

This paragraph has a background color of #cf3156.

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

#cf3156 border color

This element has a border color of #cf3156.

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

CSS codes

.text {color:#cf3156;}

.background {background-color:#cf3156;}

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

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)
```
#21080d
```
#21080d rgb(33,8,13)
```
#310b14
```
#310b14 rgb(49,11,20)
```
#400f1b
```
#400f1b rgb(64,15,27)
```
#501321
```
#501321 rgb(80,19,33)
```
#601628
```
#601628 rgb(96,22,40)
```
#701a2e
```
#701a2e rgb(112,26,46)
```
#801e35
```
#801e35 rgb(128,30,53)
```
#90223b
```
#90223b rgb(144,34,59)
```
#a02542
```
#a02542 rgb(160,37,66)
```
#b02949
```
#b02949 rgb(176,41,73)
```
#c02d4f
```
#c02d4f rgb(192,45,79)
```

Shade Color Variation

#cf3156
```
#cf3156 rgb(207,49,86)
```
#d34163
```
#d34163 rgb(211,65,99)
```
#d65170
```
#d65170 rgb(214,81,112)
```
#da617d
```
#da617d rgb(218,97,125)
```
#de718a
```
#de718a rgb(222,113,138)
```
#e28197
```
#e28197 rgb(226,129,151)
```
#e590a4
```
#e590a4 rgb(229,144,164)
```
#e9a0b1
```
#e9a0b1 rgb(233,160,177)
```
#edb0be
```
#edb0be rgb(237,176,190)
```
#f0c0cb
```
#f0c0cb rgb(240,192,203)
```
#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 #f60a41 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)
```
#bb4560
```
#bb4560 rgb(187,69,96)
```
#c53b5b
```
#c53b5b rgb(197,59,91)
```
#cf3156
```
#cf3156 rgb(207,49,86)
```
#d92751
```
#d92751 rgb(217,39,81)
```
#e31d4c
```
#e31d4c rgb(227,29,76)
```
#ec1446
```
#ec1446 rgb(236,20,70)
```
#f60a41
```
#f60a41 rgb(246,10,65)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#795a61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#797677 Protanopia 1% of men
#8d7254 Deuteranopia 1% of men
#d04144 Tritanopia 0.001% of the population

Trichromacy

#985d6b Protanomaly 1% of men, 0.01% of women
#a55a55 Deuteranomaly 6% of men, 0.4% of women
#cf3b4a Tritanomaly 0.01% of the population