#f81a14 hex color

In a RGB color space, hex #f81a14 is composed of 97.3% red, 10.2% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.5% magenta, 91.9% yellow and 2.7% black. It has a hue angle of 1.6 degrees, a saturation of 94.2% and a lightness of 52.5%. #f81a14 color hex could be obtained by blending #ff3428 with #f10000. Closest websafe color is: #ff3300.

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

● #f81a14 color description : Vivid red.

The hexadecimal color #f81a14 has RGB values of R:248, G:26, B:20 and CMYK values of C:0, M:0.9, Y:0.92, K:0.03. Its decimal value is 16259604.

Hex triplet	f81a14	`#f81a14`
RGB Decimal	248, 26, 20	`rgb(248,26,20)`
RGB Percent	97.3, 10.2, 7.8	`rgb(97.3%,10.2%,7.8%)`
CMYK	0, 90, 92, 3
HSL	1.6°, 94.2, 52.5	`hsl(1.6,94.2%,52.5%)`
HSV (or HSB)	1.6°, 91.9, 97.3
Web Safe	ff3300	`#ff3300`

CIE-LAB	52.676, 76.192, 60.794
XYZ	39.209, 20.751, 2.603
xyY	0.627, 0.332, 20.751
CIE-LCH	52.676, 97.474, 38.586
CIE-LUV	52.676, 164.286, 36.243
Hunter-Lab	45.553, 73.923, 28.5
Binary	11111000, 00011010, 00010100

#f81a14
```
#f81a14 rgb(248,26,20)
```
#14f2f8
```
#14f2f8 rgb(20,242,248)
```

Complementary Color

#f81480
```
#f81480 rgb(248,20,128)
```
#f81a14
```
#f81a14 rgb(248,26,20)
```
#f88c14
```
#f88c14 rgb(248,140,20)
```

Analogous Color

#1480f8
```
#1480f8 rgb(20,128,248)
```
#f81a14
```
#f81a14 rgb(248,26,20)
```
#14f88c
```
#14f88c rgb(20,248,140)
```

Split Complementary Color

#1a14f8
```
#1a14f8 rgb(26,20,248)
```
#f81a14
```
#f81a14 rgb(248,26,20)
```
#14f81a
```
#14f81a rgb(20,248,26)
```

Triadic Color

#f814f2
```
#f814f2 rgb(248,20,242)
```
#f81a14
```
#f81a14 rgb(248,26,20)
```
#14f81a
```
#14f81a rgb(20,248,26)
```
#14f2f8
```
#14f2f8 rgb(20,242,248)
```

Tetradic Color

#ba0a06
```
#ba0a06 rgb(186,10,6)
```
#d30c06
```
#d30c06 rgb(211,12,6)
```
#eb0d07
```
#eb0d07 rgb(235,13,7)
```
#f81a14
```
#f81a14 rgb(248,26,20)
```
#f9322d
```
#f9322d rgb(249,50,45)
```
#f94a46
```
#f94a46 rgb(249,74,70)
```
#fa625e
```
#fa625e rgb(250,98,94)
```

Monochromatic Color

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

#f81447
```
#f81447 rgb(248,20,71)
```
#f81434
```
#f81434 rgb(248,20,52)
```
#f81421
```
#f81421 rgb(248,20,33)
```
#f81a14
```
#f81a14 rgb(248,26,20)
```
#f82d14
```
#f82d14 rgb(248,45,20)
```
#f84014
```
#f84014 rgb(248,64,20)
```
#f85314
```
#f85314 rgb(248,83,20)
```

Similar Colors

Text with hexadecimal color #f81a14

This text has a font color of #f81a14.

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

#f81a14 background color

This paragraph has a background color of #f81a14.

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

#f81a14 border color

This element has a border color of #f81a14.

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

CSS codes

.text {color:#f81a14;}

.background {background-color:#f81a14;}

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

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

#0d0100
```
#0d0100 rgb(13,1,0)
```
#200201
```
#200201 rgb(32,2,1)
```
#330302
```
#330302 rgb(51,3,2)
```
#460402
```
#460402 rgb(70,4,2)
```
#590503
```
#590503 rgb(89,5,3)
```
#6c0603
```
#6c0603 rgb(108,6,3)
```
#7f0704
```
#7f0704 rgb(127,7,4)
```
#920804
```
#920804 rgb(146,8,4)
```
#a50905
```
#a50905 rgb(165,9,5)
```
#b80a05
```
#b80a05 rgb(184,10,5)
```
#cb0b06
```
#cb0b06 rgb(203,11,6)
```
#de0c07
```
#de0c07 rgb(222,12,7)
```
#f10d07
```
#f10d07 rgb(241,13,7)
```

Shade Color Variation

#f81a14
```
#f81a14 rgb(248,26,20)
```
#f92d27
```
#f92d27 rgb(249,45,39)
```
#f93f3a
```
#f93f3a rgb(249,63,58)
```
#fa524d
```
#fa524d rgb(250,82,77)
```
#fa6460
```
#fa6460 rgb(250,100,96)
```
#fb7773
```
#fb7773 rgb(251,119,115)
```
#fb8986
```
#fb8986 rgb(251,137,134)
```
#fc9c99
```
#fc9c99 rgb(252,156,153)
```
#fdaeac
```
#fdaeac rgb(253,174,172)
```
#fdc1bf
```
#fdc1bf rgb(253,193,191)
```
#fed4d2
```
#fed4d2 rgb(254,212,210)
```
#fee6e6
```
#fee6e6 rgb(254,230,230)
```
#fff9f9
```
#fff9f9 rgb(255,249,249)
```

Tint Color Variation

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

#888484
```
#888484 rgb(136,132,132)
```
#927b7a
```
#927b7a rgb(146,123,122)
```
#9b7271
```
#9b7271 rgb(155,114,113)
```
#a46968
```
#a46968 rgb(164,105,104)
```
#ae615e
```
#ae615e rgb(174,97,94)
```
#b75855
```
#b75855 rgb(183,88,85)
```
#c04f4c
```
#c04f4c rgb(192,79,76)
```
#c94643
```
#c94643 rgb(201,70,67)
```
#d33d39
```
#d33d39 rgb(211,61,57)
```
#dc3430
```
#dc3430 rgb(220,52,48)
```
#e52c27
```
#e52c27 rgb(229,44,39)
```
#ef231d
```
#ef231d rgb(239,35,29)
```
#f81a14
```
#f81a14 rgb(248,26,20)
```

Tone Color Variation

Below, you can see how #f81a14 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
#7b4f4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#938433 Protanopia 1% of men
#a57e00 Deuteranopia 1% of men
#f82520 Tritanopia 0.001% of the population

Trichromacy

#b75d27 Protanomaly 1% of men, 0.01% of women
#c35907 Deuteranomaly 6% of men, 0.4% of women
#f8211c Tritanomaly 0.01% of the population

#f81a14 hex color

#f81a14 Color Information

#f81a14 Color Conversion

Color Schemes with #f81a14

Alternatives to #f81a14

#f81a14 Preview

Shades and Tints of #f81a14

Tones of #f81a14

Color Blindness Simulator