#f81f0c hex color

In a RGB color space, hex #f81f0c is composed of 97.3% red, 12.2% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.5% magenta, 95.2% yellow and 2.7% black. It has a hue angle of 4.8 degrees, a saturation of 94.4% and a lightness of 51%. #f81f0c color hex could be obtained by blending #ff3e18 with #f10000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 97
- G 12
- B 5
RGB color chart
- C 0
- M 88
- Y 95
- K 3
CMYK color chart

● #f81f0c color description : Vivid red.

The hexadecimal color #f81f0c has RGB values of R:248, G:31, B:12 and CMYK values of C:0, M:0.88, Y:0.95, K:0.03. Its decimal value is 16260876.

Hex triplet	f81f0c	`#f81f0c`
RGB Decimal	248, 31, 12	`rgb(248,31,12)`
RGB Percent	97.3, 12.2, 4.7	`rgb(97.3%,12.2%,4.7%)`
CMYK	0, 88, 95, 3
HSL	4.8°, 94.4, 51	`hsl(4.8,94.4%,51%)`
HSV (or HSB)	4.8°, 95.2, 97.3
Web Safe	ff3300	`#ff3300`

CIE-LAB	52.915, 75.355, 63.313
XYZ	39.27, 20.968, 2.327
xyY	0.628, 0.335, 20.968
CIE-LCH	52.915, 98.422, 40.037
CIE-LUV	52.915, 163.412, 37.657
Hunter-Lab	45.791, 72.946, 29.04
Binary	11111000, 00011111, 00001100

#f81f0c
```
#f81f0c rgb(248,31,12)
```
#0ce5f8
```
#0ce5f8 rgb(12,229,248)
```

Complementary Color

#f80c6f
```
#f80c6f rgb(248,12,111)
```
#f81f0c
```
#f81f0c rgb(248,31,12)
```
#f8950c
```
#f8950c rgb(248,149,12)
```

Analogous Color

#0c6ff8
```
#0c6ff8 rgb(12,111,248)
```
#f81f0c
```
#f81f0c rgb(248,31,12)
```
#0cf895
```
#0cf895 rgb(12,248,149)
```

Split Complementary Color

#1f0cf8
```
#1f0cf8 rgb(31,12,248)
```
#f81f0c
```
#f81f0c rgb(248,31,12)
```
#0cf81f
```
#0cf81f rgb(12,248,31)
```

Triadic Color

#f80ce5
```
#f80ce5 rgb(248,12,229)
```
#f81f0c
```
#f81f0c rgb(248,31,12)
```
#0cf81f
```
#0cf81f rgb(12,248,31)
```
#0ce5f8
```
#0ce5f8 rgb(12,229,248)
```

Tetradic Color

#b21305
```
#b21305 rgb(178,19,5)
```
#cb1606
```
#cb1606 rgb(203,22,6)
```
#e41807
```
#e41807 rgb(228,24,7)
```
#f81f0c
```
#f81f0c rgb(248,31,12)
```
#f93625
```
#f93625 rgb(249,54,37)
```
#f94d3e
```
#f94d3e rgb(249,77,62)
```
#fa6456
```
#fa6456 rgb(250,100,86)
```

Monochromatic Color

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

#f80c34
```
#f80c34 rgb(248,12,52)
```
#f80c20
```
#f80c20 rgb(248,12,32)
```
#f80c0d
```
#f80c0d rgb(248,12,13)
```
#f81f0c
```
#f81f0c rgb(248,31,12)
```
#f8330c
```
#f8330c rgb(248,51,12)
```
#f8460c
```
#f8460c rgb(248,70,12)
```
#f85a0c
```
#f85a0c rgb(248,90,12)
```

Similar Colors

Text with hexadecimal color #f81f0c

This text has a font color of #f81f0c.

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

#f81f0c background color

This paragraph has a background color of #f81f0c.

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

#f81f0c border color

This element has a border color of #f81f0c.

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

CSS codes

.text {color:#f81f0c;}

.background {background-color:#f81f0c;}

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

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

#050100
```
#050100 rgb(5,1,0)
```
#180301
```
#180301 rgb(24,3,1)
```
#2b0501
```
#2b0501 rgb(43,5,1)
```
#3e0702
```
#3e0702 rgb(62,7,2)
```
#510902
```
#510902 rgb(81,9,2)
```
#640b03
```
#640b03 rgb(100,11,3)
```
#770d03
```
#770d03 rgb(119,13,3)
```
#8a0f04
```
#8a0f04 rgb(138,15,4)
```
#9d1105
```
#9d1105 rgb(157,17,5)
```
#b01305
```
#b01305 rgb(176,19,5)
```
#c41506
```
#c41506 rgb(196,21,6)
```
#d71706
```
#d71706 rgb(215,23,6)
```
#ea1907
```
#ea1907 rgb(234,25,7)
```

Shade Color Variation

#f81f0c
```
#f81f0c rgb(248,31,12)
```
#f9311f
```
#f9311f rgb(249,49,31)
```
#f94232
```
#f94232 rgb(249,66,50)
```
#fa5445
```
#fa5445 rgb(250,84,69)
```
#fa6558
```
#fa6558 rgb(250,101,88)
```
#fb776b
```
#fb776b rgb(251,119,107)
```
#fb887e
```
#fb887e rgb(251,136,126)
```
#fc9a91
```
#fc9a91 rgb(252,154,145)
```
#fcaca5
```
#fcaca5 rgb(252,172,165)
```
#fdbdb8
```
#fdbdb8 rgb(253,189,184)
```
#fdcfcb
```
#fdcfcb rgb(253,207,203)
```
#fee0de
```
#fee0de rgb(254,224,222)
```
#fff2f1
```
#fff2f1 rgb(255,242,241)
```

Tint Color Variation

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

#85807f
```
#85807f rgb(133,128,127)
```
#8e7876
```
#8e7876 rgb(142,120,118)
```
#98706c
```
#98706c rgb(152,112,108)
```
#a16863
```
#a16863 rgb(161,104,99)
```
#ab6059
```
#ab6059 rgb(171,96,89)
```
#b5574f
```
#b5574f rgb(181,87,79)
```
#be4f46
```
#be4f46 rgb(190,79,70)
```
#c8473c
```
#c8473c rgb(200,71,60)
```
#d23f32
```
#d23f32 rgb(210,63,50)
```
#db3729
```
#db3729 rgb(219,55,41)
```
#e52f1f
```
#e52f1f rgb(229,47,31)
```
#ee2716
```
#ee2716 rgb(238,39,22)
```
#f81f0c
```
#f81f0c rgb(248,31,12)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#7d514e Atypical Achromatopsia 0.001% of the population

Dichromacy

#94852b Protanopia 1% of men
#a67e00 Deuteranopia 1% of men
#f82925 Tritanopia 0.001% of the population

Trichromacy

#b86020 Protanomaly 1% of men, 0.01% of women
#c35b04 Deuteranomaly 6% of men, 0.4% of women
#f8251c Tritanomaly 0.01% of the population

#f81f0c hex color

#f81f0c Color Information

#f81f0c Color Conversion

Color Schemes with #f81f0c

Alternatives to #f81f0c

#f81f0c Preview

Shades and Tints of #f81f0c

Tones of #f81f0c

Color Blindness Simulator