colorhexa.com

#cf1f3e hex color

In a RGB color space, hex #cf1f3e is composed of 81.2% red, 12.2% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85% magenta, 70% yellow and 18.8% black. It has a hue angle of 349.4 degrees, a saturation of 73.9% and a lightness of 46.7%. #cf1f3e color hex could be obtained by blending #ff3e7c with #9f0000. Closest websafe color is: #cc3333.

- R 81
- G 12
- B 24
RGB color chart
- C 0
- M 85
- Y 70
- K 19
CMYK color chart

● #cf1f3e color description : Strong red.

The hexadecimal color #cf1f3e has RGB values of R:207, G:31, B:62 and CMYK values of C:0, M:0.85, Y:0.7, K:0.19. Its decimal value is 13573950.

Hex triplet	cf1f3e	`#cf1f3e`
RGB Decimal	207, 31, 62	`rgb(207,31,62)`
RGB Percent	81.2, 12.2, 24.3	`rgb(81.2%,12.2%,24.3%)`
CMYK	0, 85, 70, 19
HSL	349.4°, 73.9, 46.7	`hsl(349.4,73.9%,46.7%)`
HSV (or HSB)	349.4°, 85, 81.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.077, 65.799, 29.417
XYZ	27.093, 14.597, 5.948
xyY	0.569, 0.306, 14.597
CIE-LCH	45.077, 72.076, 24.088
CIE-LUV	45.077, 124.722, 17.281
Hunter-Lab	38.205, 59.722, 17.513
Binary	11001111, 00011111, 00111110

#cf1f3e
```
#cf1f3e rgb(207,31,62)
```
#1fcfb0
```
#1fcfb0 rgb(31,207,176)
```

Complementary Color

#cf1f96
```
#cf1f96 rgb(207,31,150)
```
#cf1f3e
```
#cf1f3e rgb(207,31,62)
```
#cf581f
```
#cf581f rgb(207,88,31)
```

Analogous Color

#1f96cf
```
#1f96cf rgb(31,150,207)
```
#cf1f3e
```
#cf1f3e rgb(207,31,62)
```
#1fcf58
```
#1fcf58 rgb(31,207,88)
```

Split Complementary Color

#1f3ecf
```
#1f3ecf rgb(31,62,207)
```
#cf1f3e
```
#cf1f3e rgb(207,31,62)
```
#3ecf1f
```
#3ecf1f rgb(62,207,31)
```

Triadic Color

#b01fcf
```
#b01fcf rgb(176,31,207)
```
#cf1f3e
```
#cf1f3e rgb(207,31,62)
```
#3ecf1f
```
#3ecf1f rgb(62,207,31)
```
#1fcfb0
```
#1fcfb0 rgb(31,207,176)
```

Tetradic Color

#8c152a
```
#8c152a rgb(140,21,42)
```
#a31831
```
#a31831 rgb(163,24,49)
```
#b91c37
```
#b91c37 rgb(185,28,55)
```
#cf1f3e
```
#cf1f3e rgb(207,31,62)
```
#df2949
```
#df2949 rgb(223,41,73)
```
#e23f5c
```
#e23f5c rgb(226,63,92)
```
#e6556e
```
#e6556e rgb(230,85,110)
```

Monochromatic Color

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

#cf1f6a
```
#cf1f6a rgb(207,31,106)
```
#cf1f5b
```
#cf1f5b rgb(207,31,91)
```
#cf1f4d
```
#cf1f4d rgb(207,31,77)
```
#cf1f3e
```
#cf1f3e rgb(207,31,62)
```
#cf1f2f
```
#cf1f2f rgb(207,31,47)
```
#cf1f21
```
#cf1f21 rgb(207,31,33)
```
#cf2c1f
```
#cf2c1f rgb(207,44,31)
```

Similar Colors

Text with hexadecimal color #cf1f3e

This text has a font color of #cf1f3e.

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

#cf1f3e background color

This paragraph has a background color of #cf1f3e.

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

#cf1f3e border color

This element has a border color of #cf1f3e.

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

CSS codes

.text {color:#cf1f3e;}

.background {background-color:#cf1f3e;}

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

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

#020001
```
#020001 rgb(2,0,1)
```
#130306
```
#130306 rgb(19,3,6)
```
#24050b
```
#24050b rgb(36,5,11)
```
#350810
```
#350810 rgb(53,8,16)
```
#470b15
```
#470b15 rgb(71,11,21)
```
#580d1a
```
#580d1a rgb(88,13,26)
```
#69101f
```
#69101f rgb(105,16,31)
```
#7a1224
```
#7a1224 rgb(122,18,36)
```
#8b152a
```
#8b152a rgb(139,21,42)
```
#9c172f
```
#9c172f rgb(156,23,47)
```
#ad1a34
```
#ad1a34 rgb(173,26,52)
```
#be1c39
```
#be1c39 rgb(190,28,57)
```
#cf1f3e
```
#cf1f3e rgb(207,31,62)
```

Shade Color Variation

#de2344
```
#de2344 rgb(222,35,68)
```
#e13553
```
#e13553 rgb(225,53,83)
```
#e34661
```
#e34661 rgb(227,70,97)
```
#e65770
```
#e65770 rgb(230,87,112)
```
#e8687e
```
#e8687e rgb(232,104,126)
```
#eb798d
```
#eb798d rgb(235,121,141)
```
#ed8a9b
```
#ed8a9b rgb(237,138,155)
```
#f09baa
```
#f09baa rgb(240,155,170)
```
#f3acb8
```
#f3acb8 rgb(243,172,184)
```
#f5bdc7
```
#f5bdc7 rgb(245,189,199)
```
#f8ced5
```
#f8ced5 rgb(248,206,213)
```
#fadfe4
```
#fadfe4 rgb(250,223,228)
```
#fdf0f2
```
#fdf0f2 rgb(253,240,242)
```

Tint Color Variation

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

#7d7173
```
#7d7173 rgb(125,113,115)
```
#86686d
```
#86686d rgb(134,104,109)
```
#8f5f68
```
#8f5f68 rgb(143,95,104)
```
#985662
```
#985662 rgb(152,86,98)
```
#a14d5c
```
#a14d5c rgb(161,77,92)
```
#aa4456
```
#aa4456 rgb(170,68,86)
```
#b43a50
```
#b43a50 rgb(180,58,80)
```
#bd314a
```
#bd314a rgb(189,49,74)
```
#c62844
```
#c62844 rgb(198,40,68)
```
#cf1f3e
```
#cf1f3e rgb(207,31,62)
```
#d81638
```
#d81638 rgb(216,22,56)
```
#e10d32
```
#e10d32 rgb(225,13,50)
```
#ea042c
```
#ea042c rgb(234,4,44)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#6f4c52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#78725f Protanopia 1% of men
#8b6d3c Deuteranopia 1% of men
#d03030 Tritanopia 0.001% of the population

Trichromacy

#985353 Protanomaly 1% of men, 0.01% of women
#a4503d Deuteranomaly 6% of men, 0.4% of women
#d02935 Tritanomaly 0.01% of the population