#f81142 hex color

In a RGB color space, hex #f81142 is composed of 97.3% red, 6.7% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.1% magenta, 73.4% yellow and 2.7% black. It has a hue angle of 347.3 degrees, a saturation of 94.3% and a lightness of 52%. #f81142 color hex could be obtained by blending #ff2284 with #f10000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 97
- G 7
- B 26
RGB color chart
- C 0
- M 93
- Y 73
- K 3
CMYK color chart

● #f81142 color description : Vivid red.

The hexadecimal color #f81142 has RGB values of R:248, G:17, B:66 and CMYK values of C:0, M:0.93, Y:0.73, K:0.03. Its decimal value is 16257346.

Hex triplet	f81142	`#f81142`
RGB Decimal	248, 17, 66	`rgb(248,17,66)`
RGB Percent	97.3, 6.7, 25.9	`rgb(97.3%,6.7%,25.9%)`
CMYK	0, 93, 73, 3
HSL	347.3°, 94.3, 52	`hsl(347.3,94.3%,52%)`
HSV (or HSB)	347.3°, 93.1, 97.3
Web Safe	ff0033	`#ff0033`

CIE-LAB	52.681, 78.333, 38.069
XYZ	39.897, 20.756, 7.06
xyY	0.589, 0.307, 20.756
CIE-LCH	52.681, 87.094, 25.919
CIE-LUV	52.681, 157.987, 22.781
Hunter-Lab	45.559, 76.591, 22.704
Binary	11111000, 00010001, 01000010

#f81142
```
#f81142 rgb(248,17,66)
```
#11f8c7
```
#11f8c7 rgb(17,248,199)
```

Complementary Color

#f811b6
```
#f811b6 rgb(248,17,182)
```
#f81142
```
#f81142 rgb(248,17,66)
```
#f85311
```
#f85311 rgb(248,83,17)
```

Analogous Color

#11b6f8
```
#11b6f8 rgb(17,182,248)
```
#f81142
```
#f81142 rgb(248,17,66)
```
#11f853
```
#11f853 rgb(17,248,83)
```

Split Complementary Color

#1142f8
```
#1142f8 rgb(17,66,248)
```
#f81142
```
#f81142 rgb(248,17,66)
```
#42f811
```
#42f811 rgb(66,248,17)
```

Triadic Color

#c711f8
```
#c711f8 rgb(199,17,248)
```
#f81142
```
#f81142 rgb(248,17,66)
```
#42f811
```
#42f811 rgb(66,248,17)
```
#11f8c7
```
#11f8c7 rgb(17,248,199)
```

Tetradic Color

#b7052b
```
#b7052b rgb(183,5,43)
```
#d00631
```
#d00631 rgb(208,6,49)
```
#e90737
```
#e90737 rgb(233,7,55)
```
#f81142
```
#f81142 rgb(248,17,66)
```
#f92a56
```
#f92a56 rgb(249,42,86)
```
#f94369
```
#f94369 rgb(249,67,105)
```
#fa5b7d
```
#fa5b7d rgb(250,91,125)
```

Monochromatic Color

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

#f8117c
```
#f8117c rgb(248,17,124)
```
#f81169
```
#f81169 rgb(248,17,105)
```
#f81155
```
#f81155 rgb(248,17,85)
```
#f81142
```
#f81142 rgb(248,17,66)
```
#f8112f
```
#f8112f rgb(248,17,47)
```
#f8111c
```
#f8111c rgb(248,17,28)
```
#f81a11
```
#f81a11 rgb(248,26,17)
```

Similar Colors

Text with hexadecimal color #f81142

This text has a font color of #f81142.

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

#f81142 background color

This paragraph has a background color of #f81142.

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

#f81142 border color

This element has a border color of #f81142.

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

CSS codes

.text {color:#f81142;}

.background {background-color:#f81142;}

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

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, #0a0002 is the darkest color, while #fff6f8 is the lightest one.

#0a0002
```
#0a0002 rgb(10,0,2)
```
#1d0107
```
#1d0107 rgb(29,1,7)
```
#30010b
```
#30010b rgb(48,1,11)
```
#430210
```
#430210 rgb(67,2,16)
```
#560314
```
#560314 rgb(86,3,20)
```
#690319
```
#690319 rgb(105,3,25)
```
#7c041d
```
#7c041d rgb(124,4,29)
```
#8f0422
```
#8f0422 rgb(143,4,34)
```
#a20526
```
#a20526 rgb(162,5,38)
```
#b5052b
```
#b5052b rgb(181,5,43)
```
#c8062f
```
#c8062f rgb(200,6,47)
```
#db0634
```
#db0634 rgb(219,6,52)
```
#ee0738
```
#ee0738 rgb(238,7,56)
```

Shade Color Variation

#f81142
```
#f81142 rgb(248,17,66)
```
#f92451
```
#f92451 rgb(249,36,81)
```
#f93760
```
#f93760 rgb(249,55,96)
```
#fa4a6f
```
#fa4a6f rgb(250,74,111)
```
#fa5d7f
```
#fa5d7f rgb(250,93,127)
```
#fb708e
```
#fb708e rgb(251,112,142)
```
#fb839d
```
#fb839d rgb(251,131,157)
```
#fc96ac
```
#fc96ac rgb(252,150,172)
```
#fca9bb
```
#fca9bb rgb(252,169,187)
```
#fdbcca
```
#fdbcca rgb(253,188,202)
```
#fed0d9
```
#fed0d9 rgb(254,208,217)
```
#fee3e8
```
#fee3e8 rgb(254,227,232)
```
#fff6f8
```
#fff6f8 rgb(255,246,248)
```

Tint Color Variation

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

#878283
```
#878283 rgb(135,130,131)
```
#90797e
```
#90797e rgb(144,121,126)
```
#9a6f78
```
#9a6f78 rgb(154,111,120)
```
#a36673
```
#a36673 rgb(163,102,115)
```
#ad5c6d
```
#ad5c6d rgb(173,92,109)
```
#b65368
```
#b65368 rgb(182,83,104)
```
#bf4a63
```
#bf4a63 rgb(191,74,99)
```
#c9405d
```
#c9405d rgb(201,64,93)
```
#d23758
```
#d23758 rgb(210,55,88)
```
#dc2d52
```
#dc2d52 rgb(220,45,82)
```
#e5244d
```
#e5244d rgb(229,36,77)
```
#ef1a47
```
#ef1a47 rgb(239,26,71)
```
#f81142
```
#f81142 rgb(248,17,66)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#7b4d57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8467 Protanopia 1% of men
#a27e3c Deuteranopia 1% of men
#f72925 Tritanopia 0.001% of the population

Trichromacy

#b35a59 Protanomaly 1% of men, 0.01% of women
#c1563e Deuteranomaly 6% of men, 0.4% of women
#f7202f Tritanomaly 0.01% of the population

#f81142 hex color

#f81142 Color Information

#f81142 Color Conversion

Color Schemes with #f81142

Alternatives to #f81142

#f81142 Preview

Shades and Tints of #f81142

Tones of #f81142

Color Blindness Simulator