#f81342 hex color

In a RGB color space, hex #f81342 is composed of 97.3% red, 7.5% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 92.3% magenta, 73.4% yellow and 2.7% black. It has a hue angle of 347.7 degrees, a saturation of 94.2% and a lightness of 52.4%. #f81342 color hex could be obtained by blending #ff2684 with #f10000. Closest websafe color is: #ff0033.

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

● #f81342 color description : Vivid red.

The hexadecimal color #f81342 has RGB values of R:248, G:19, B:66 and CMYK values of C:0, M:0.92, Y:0.73, K:0.03. Its decimal value is 16257858.

Hex triplet	f81342	`#f81342`
RGB Decimal	248, 19, 66	`rgb(248,19,66)`
RGB Percent	97.3, 7.5, 25.9	`rgb(97.3%,7.5%,25.9%)`
CMYK	0, 92, 73, 3
HSL	347.7°, 94.2, 52.4	`hsl(347.7,94.2%,52.4%)`
HSV (or HSB)	347.7°, 92.3, 97.3
Web Safe	ff0033	`#ff0033`

CIE-LAB	52.753, 78.127, 38.151
XYZ	39.93, 20.821, 7.07
xyY	0.589, 0.307, 20.821
CIE-LCH	52.753, 86.944, 26.027
CIE-LUV	52.753, 157.623, 22.928
Hunter-Lab	45.63, 76.35, 22.754
Binary	11111000, 00010011, 01000010

#f81342
```
#f81342 rgb(248,19,66)
```
#13f8c9
```
#13f8c9 rgb(19,248,201)
```

Complementary Color

#f813b5
```
#f813b5 rgb(248,19,181)
```
#f81342
```
#f81342 rgb(248,19,66)
```
#f85713
```
#f85713 rgb(248,87,19)
```

Analogous Color

#13b5f8
```
#13b5f8 rgb(19,181,248)
```
#f81342
```
#f81342 rgb(248,19,66)
```
#13f857
```
#13f857 rgb(19,248,87)
```

Split Complementary Color

#1342f8
```
#1342f8 rgb(19,66,248)
```
#f81342
```
#f81342 rgb(248,19,66)
```
#42f813
```
#42f813 rgb(66,248,19)
```

Triadic Color

#c913f8
```
#c913f8 rgb(201,19,248)
```
#f81342
```
#f81342 rgb(248,19,66)
```
#42f813
```
#42f813 rgb(66,248,19)
```
#13f8c9
```
#13f8c9 rgb(19,248,201)
```

Tetradic Color

#b9052a
```
#b9052a rgb(185,5,42)
```
#d20630
```
#d20630 rgb(210,6,48)
```
#eb0736
```
#eb0736 rgb(235,7,54)
```
#f81342
```
#f81342 rgb(248,19,66)
```
#f92c56
```
#f92c56 rgb(249,44,86)
```
#f9456a
```
#f9456a rgb(249,69,106)
```
#fa5d7e
```
#fa5d7e rgb(250,93,126)
```

Monochromatic Color

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

#f8137b
```
#f8137b rgb(248,19,123)
```
#f81368
```
#f81368 rgb(248,19,104)
```
#f81355
```
#f81355 rgb(248,19,85)
```
#f81342
```
#f81342 rgb(248,19,66)
```
#f8132f
```
#f8132f rgb(248,19,47)
```
#f8131c
```
#f8131c rgb(248,19,28)
```
#f81d13
```
#f81d13 rgb(248,29,19)
```

Similar Colors

Text with hexadecimal color #f81342

This text has a font color of #f81342.

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

#f81342 background color

This paragraph has a background color of #f81342.

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

#f81342 border color

This element has a border color of #f81342.

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

CSS codes

.text {color:#f81342;}

.background {background-color:#f81342;}

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

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

#0c0003
```
#0c0003 rgb(12,0,3)
```
#1f0107
```
#1f0107 rgb(31,1,7)
```
#32010b
```
#32010b rgb(50,1,11)
```
#450210
```
#450210 rgb(69,2,16)
```
#580314
```
#580314 rgb(88,3,20)
```
#6b0318
```
#6b0318 rgb(107,3,24)
```
#7e041d
```
#7e041d rgb(126,4,29)
```
#910421
```
#910421 rgb(145,4,33)
```
#a40526
```
#a40526 rgb(164,5,38)
```
#b7052a
```
#b7052a rgb(183,5,42)
```
#ca062e
```
#ca062e rgb(202,6,46)
```
#dd0733
```
#dd0733 rgb(221,7,51)
```
#f00737
```
#f00737 rgb(240,7,55)
```

Shade Color Variation

#f81342
```
#f81342 rgb(248,19,66)
```
#f92651
```
#f92651 rgb(249,38,81)
```
#f93961
```
#f93961 rgb(249,57,97)
```
#fa4c70
```
#fa4c70 rgb(250,76,112)
```
#fa5f7f
```
#fa5f7f rgb(250,95,127)
```
#fb728e
```
#fb728e rgb(251,114,142)
```
#fb859e
```
#fb859e rgb(251,133,158)
```
#fc98ad
```
#fc98ad rgb(252,152,173)
```
#fdabbc
```
#fdabbc rgb(253,171,188)
```
#fdbecb
```
#fdbecb rgb(253,190,203)
```
#fed2db
```
#fed2db rgb(254,210,219)
```
#fee5ea
```
#fee5ea rgb(254,229,234)
```
#fff8f9
```
#fff8f9 rgb(255,248,249)
```

Tint Color Variation

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

#888384
```
#888384 rgb(136,131,132)
```
#917a7f
```
#917a7f rgb(145,122,127)
```
#9b7079
```
#9b7079 rgb(155,112,121)
```
#a46774
```
#a46774 rgb(164,103,116)
```
#ad5e6e
```
#ad5e6e rgb(173,94,110)
```
#b75469
```
#b75469 rgb(183,84,105)
```
#c04b63
```
#c04b63 rgb(192,75,99)
```
#c9425e
```
#c9425e rgb(201,66,94)
```
#d33858
```
#d33858 rgb(211,56,88)
```
#dc2f53
```
#dc2f53 rgb(220,47,83)
```
#e5264d
```
#e5264d rgb(229,38,77)
```
#ef1c48
```
#ef1c48 rgb(239,28,72)
```
#f81342
```
#f81342 rgb(248,19,66)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#7c4e58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8467 Protanopia 1% of men
#a37e3c Deuteranopia 1% of men
#f72a26 Tritanopia 0.001% of the population

Trichromacy

#b45b59 Protanomaly 1% of men, 0.01% of women
#c1573e Deuteranomaly 6% of men, 0.4% of women
#f72130 Tritanomaly 0.01% of the population

#f81342 hex color

#f81342 Color Information

#f81342 Color Conversion

Color Schemes with #f81342

Alternatives to #f81342

#f81342 Preview

Shades and Tints of #f81342

Tones of #f81342

Color Blindness Simulator