colorhexa.com

#fb311d hex color

In a RGB color space, hex #fb311d is composed of 98.4% red, 19.2% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.5% magenta, 88.4% yellow and 1.6% black. It has a hue angle of 5.4 degrees, a saturation of 96.5% and a lightness of 54.9%. #fb311d color hex could be obtained by blending #ff623a with #f70000. Closest websafe color is: #ff3333.

- R 98
- G 19
- B 11
RGB color chart
- C 0
- M 80
- Y 88
- K 2
CMYK color chart

● #fb311d color description : Vivid red.

The hexadecimal color #fb311d has RGB values of R:251, G:49, B:29 and CMYK values of C:0, M:0.8, Y:0.88, K:0.02. Its decimal value is 16462109.

Hex triplet	fb311d	`#fb311d`
RGB Decimal	251, 49, 29	`rgb(251,49,29)`
RGB Percent	98.4, 19.2, 11.4	`rgb(98.4%,19.2%,11.4%)`
CMYK	0, 80, 88, 2
HSL	5.4°, 96.5, 54.9	`hsl(5.4,96.5%,54.9%)`
HSV (or HSB)	5.4°, 88.4, 98.4
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.866, 72.661, 59.209
XYZ	41.106, 22.8, 3.399
xyY	0.611, 0.339, 22.8
CIE-LCH	54.866, 93.731, 39.175
CIE-LUV	54.866, 157.074, 38.087
Hunter-Lab	47.749, 70.105, 29.204
Binary	11111011, 00110001, 00011101

#fb311d
```
#fb311d rgb(251,49,29)
```
#1de7fb
```
#1de7fb rgb(29,231,251)
```

Complementary Color

#fb1d78
```
#fb1d78 rgb(251,29,120)
```
#fb311d
```
#fb311d rgb(251,49,29)
```
#fba01d
```
#fba01d rgb(251,160,29)
```

Analogous Color

#1d78fb
```
#1d78fb rgb(29,120,251)
```
#fb311d
```
#fb311d rgb(251,49,29)
```
#1dfba0
```
#1dfba0 rgb(29,251,160)
```

Split Complementary Color

#311dfb
```
#311dfb rgb(49,29,251)
```
#fb311d
```
#fb311d rgb(251,49,29)
```
#1dfb31
```
#1dfb31 rgb(29,251,49)
```

Triadic Color

#fb1de7
```
#fb1de7 rgb(251,29,231)
```
#fb311d
```
#fb311d rgb(251,49,29)
```
#1dfb31
```
#1dfb31 rgb(29,251,49)
```
#1de7fb
```
#1de7fb rgb(29,231,251)
```

Tetradic Color

#c81504
```
#c81504 rgb(200,21,4)
```
#e11804
```
#e11804 rgb(225,24,4)
```
#fa1b04
```
#fa1b04 rgb(250,27,4)
```
#fb311d
```
#fb311d rgb(251,49,29)
```
#fb4836
```
#fb4836 rgb(251,72,54)
```
#fc5f4f
```
#fc5f4f rgb(252,95,79)
```
#fc7668
```
#fc7668 rgb(252,118,104)
```

Monochromatic Color

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

#fb1d41
```
#fb1d41 rgb(251,29,65)
```
#fb1d2e
```
#fb1d2e rgb(251,29,46)
```
#fb1e1d
```
#fb1e1d rgb(251,30,29)
```
#fb311d
```
#fb311d rgb(251,49,29)
```
#fb431d
```
#fb431d rgb(251,67,29)
```
#fb561d
```
#fb561d rgb(251,86,29)
```
#fb691d
```
#fb691d rgb(251,105,29)
```

Similar Colors

Text with hexadecimal color #fb311d

This text has a font color of #fb311d.

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

#fb311d background color

This paragraph has a background color of #fb311d.

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

#fb311d border color

This element has a border color of #fb311d.

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

CSS codes

.text {color:#fb311d;}

.background {background-color:#fb311d;}

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

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)
```
#190300
```
#190300 rgb(25,3,0)
```
#2c0501
```
#2c0501 rgb(44,5,1)
```
#3f0701
```
#3f0701 rgb(63,7,1)
```
#520901
```
#520901 rgb(82,9,1)
```
#660b02
```
#660b02 rgb(102,11,2)
```
#790d02
```
#790d02 rgb(121,13,2)
```
#8c0f02
```
#8c0f02 rgb(140,15,2)
```
#9f1103
```
#9f1103 rgb(159,17,3)
```
#b31303
```
#b31303 rgb(179,19,3)
```
#c61504
```
#c61504 rgb(198,21,4)
```
#d91704
```
#d91704 rgb(217,23,4)
```
#ed1904
```
#ed1904 rgb(237,25,4)
```

Shade Color Variation

#fb1f0a
```
#fb1f0a rgb(251,31,10)
```
#fb311d
```
#fb311d rgb(251,49,29)
```
#fb4330
```
#fb4330 rgb(251,67,48)
```
#fc5444
```
#fc5444 rgb(252,84,68)
```
#fc6657
```
#fc6657 rgb(252,102,87)
```
#fc776a
```
#fc776a rgb(252,119,106)
```
#fd897d
```
#fd897d rgb(253,137,125)
```
#fd9a91
```
#fd9a91 rgb(253,154,145)
```
#fdaca4
```
#fdaca4 rgb(253,172,164)
```
#febeb7
```
#febeb7 rgb(254,190,183)
```
#fecfca
```
#fecfca rgb(254,207,202)
```
#fee1de
```
#fee1de rgb(254,225,222)
```
#fff2f1
```
#fff2f1 rgb(255,242,241)
```

Tint Color Variation

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

#918887
```
#918887 rgb(145,136,135)
```
#9a817e
```
#9a817e rgb(154,129,126)
```
#a37a75
```
#a37a75 rgb(163,122,117)
```
#ab726d
```
#ab726d rgb(171,114,109)
```
#b46b64
```
#b46b64 rgb(180,107,100)
```
#bd645b
```
#bd645b rgb(189,100,91)
```
#c65d52
```
#c65d52 rgb(198,93,82)
```
#cf5549
```
#cf5549 rgb(207,85,73)
```
#d84e40
```
#d84e40 rgb(216,78,64)
```
#e04738
```
#e04738 rgb(224,71,56)
```
#e9402f
```
#e9402f rgb(233,64,47)
```
#f23826
```
#f23826 rgb(242,56,38)
```
#fb311d
```
#fb311d rgb(251,49,29)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#885f5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#98893a Protanopia 1% of men
#ac8300 Deuteranopia 1% of men
#fb3939 Tritanopia 0.001% of the population

Trichromacy

#bc692f Protanomaly 1% of men, 0.01% of women
#c8650a Deuteranomaly 6% of men, 0.4% of women
#fb362f Tritanomaly 0.01% of the population