#f81a30 hex color

In a RGB color space, hex #f81a30 is composed of 97.3% red, 10.2% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.5% magenta, 80.6% yellow and 2.7% black. It has a hue angle of 354.1 degrees, a saturation of 94.1% and a lightness of 53.7%. #f81a30 color hex could be obtained by blending #ff3460 with #f10000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 97
- G 10
- B 19
RGB color chart
- C 0
- M 90
- Y 81
- K 3
CMYK color chart

● #f81a30 color description : Vivid red.

The hexadecimal color #f81a30 has RGB values of R:248, G:26, B:48 and CMYK values of C:0, M:0.9, Y:0.81, K:0.03. Its decimal value is 16259632.

Hex triplet	f81a30	`#f81a30`
RGB Decimal	248, 26, 48	`rgb(248,26,48)`
RGB Percent	97.3, 10.2, 18.8	`rgb(97.3%,10.2%,18.8%)`
CMYK	0, 90, 81, 3
HSL	354.1°, 94.1, 53.7	`hsl(354.1,94.1%,53.7%)`
HSV (or HSB)	354.1°, 89.5, 97.3
Web Safe	ff3333	`#ff3333`

CIE-LAB	52.855, 76.704, 48.325
XYZ	39.616, 20.914, 4.747
xyY	0.607, 0.32, 20.914
CIE-LCH	52.855, 90.657, 32.212
CIE-LUV	52.855, 160.293, 30.06
Hunter-Lab	45.732, 74.601, 25.858
Binary	11111000, 00011010, 00110000

#f81a30
```
#f81a30 rgb(248,26,48)
```
#1af8e2
```
#1af8e2 rgb(26,248,226)
```

Complementary Color

#f81a9f
```
#f81a9f rgb(248,26,159)
```
#f81a30
```
#f81a30 rgb(248,26,48)
```
#f8731a
```
#f8731a rgb(248,115,26)
```

Analogous Color

#1a9ff8
```
#1a9ff8 rgb(26,159,248)
```
#f81a30
```
#f81a30 rgb(248,26,48)
```
#1af873
```
#1af873 rgb(26,248,115)
```

Split Complementary Color

#1a30f8
```
#1a30f8 rgb(26,48,248)
```
#f81a30
```
#f81a30 rgb(248,26,48)
```
#30f81a
```
#30f81a rgb(48,248,26)
```

Triadic Color

#e21af8
```
#e21af8 rgb(226,26,248)
```
#f81a30
```
#f81a30 rgb(248,26,48)
```
#30f81a
```
#30f81a rgb(48,248,26)
```
#1af8e2
```
#1af8e2 rgb(26,248,226)
```

Tetradic Color

#c00618
```
#c00618 rgb(192,6,24)
```
#d8071b
```
#d8071b rgb(216,7,27)
```
#f1071f
```
#f1071f rgb(241,7,31)
```
#f81a30
```
#f81a30 rgb(248,26,48)
```
#f93346
```
#f93346 rgb(249,51,70)
```
#fa4b5d
```
#fa4b5d rgb(250,75,93)
```
#fa6473
```
#fa6473 rgb(250,100,115)
```

Monochromatic Color

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

#f81a68
```
#f81a68 rgb(248,26,104)
```
#f81a55
```
#f81a55 rgb(248,26,85)
```
#f81a43
```
#f81a43 rgb(248,26,67)
```
#f81a30
```
#f81a30 rgb(248,26,48)
```
#f81a1e
```
#f81a1e rgb(248,26,30)
```
#f8291a
```
#f8291a rgb(248,41,26)
```
#f83b1a
```
#f83b1a rgb(248,59,26)
```

Similar Colors

Text with hexadecimal color #f81a30

This text has a font color of #f81a30.

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

#f81a30 background color

This paragraph has a background color of #f81a30.

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

#f81a30 border color

This element has a border color of #f81a30.

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

CSS codes

.text {color:#f81a30;}

.background {background-color:#f81a30;}

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

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

#120102
```
#120102 rgb(18,1,2)
```
#250105
```
#250105 rgb(37,1,5)
```
#390207
```
#390207 rgb(57,2,7)
```
#4c020a
```
#4c020a rgb(76,2,10)
```
#5f030c
```
#5f030c rgb(95,3,12)
```
#72030e
```
#72030e rgb(114,3,14)
```
#850411
```
#850411 rgb(133,4,17)
```
#980513
```
#980513 rgb(152,5,19)
```
#ab0516
```
#ab0516 rgb(171,5,22)
```
#be0618
```
#be0618 rgb(190,6,24)
```
#d1061a
```
#d1061a rgb(209,6,26)
```
#e4071d
```
#e4071d rgb(228,7,29)
```
#f7081f
```
#f7081f rgb(247,8,31)
```

Shade Color Variation

#f81a30
```
#f81a30 rgb(248,26,48)
```
#f92d41
```
#f92d41 rgb(249,45,65)
```
#f94052
```
#f94052 rgb(249,64,82)
```
#fa5364
```
#fa5364 rgb(250,83,100)
```
#fa6675
```
#fa6675 rgb(250,102,117)
```
#fb7986
```
#fb7986 rgb(251,121,134)
```
#fb8c97
```
#fb8c97 rgb(251,140,151)
```
#fc9fa8
```
#fc9fa8 rgb(252,159,168)
```
#fdb2ba
```
#fdb2ba rgb(253,178,186)
```
#fdc5cb
```
#fdc5cb rgb(253,197,203)
```
#fed8dc
```
#fed8dc rgb(254,216,220)
```
#feebed
```
#feebed rgb(254,235,237)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#8b8787
```
#8b8787 rgb(139,135,135)
```
#947e80
```
#947e80 rgb(148,126,128)
```
#9d7579
```
#9d7579 rgb(157,117,121)
```
#a66c72
```
#a66c72 rgb(166,108,114)
```
#af636a
```
#af636a rgb(175,99,106)
```
#b85a63
```
#b85a63 rgb(184,90,99)
```
#c2505c
```
#c2505c rgb(194,80,92)
```
#cb4754
```
#cb4754 rgb(203,71,84)
```
#d43e4d
```
#d43e4d rgb(212,62,77)
```
#dd3546
```
#dd3546 rgb(221,53,70)
```
#e62c3f
```
#e62c3f rgb(230,44,63)
```
#ef2337
```
#ef2337 rgb(239,35,55)
```
#f81a30
```
#f81a30 rgb(248,26,48)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#7e5156 Atypical Achromatopsia 0.001% of the population

Dichromacy

#908451 Protanopia 1% of men
#a57e27 Deuteranopia 1% of men
#f72a26 Tritanopia 0.001% of the population

Trichromacy

#b65e45 Protanomaly 1% of men, 0.01% of women
#c35a2a Deuteranomaly 6% of men, 0.4% of women
#f72429 Tritanomaly 0.01% of the population

#f81a30 hex color

#f81a30 Color Information

#f81a30 Color Conversion

Color Schemes with #f81a30

Alternatives to #f81a30

#f81a30 Preview

Shades and Tints of #f81a30

Tones of #f81a30

Color Blindness Simulator