#fb322f hex color

In a RGB color space, hex #fb322f is composed of 98.4% red, 19.6% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.1% magenta, 81.3% yellow and 1.6% black. It has a hue angle of 0.9 degrees, a saturation of 96.2% and a lightness of 58.4%. #fb322f color hex could be obtained by blending #ff645e with #f70000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 98
- G 20
- B 18
RGB color chart
- C 0
- M 80
- Y 81
- K 2
CMYK color chart

● #fb322f color description : Bright red.

The hexadecimal color #fb322f has RGB values of R:251, G:50, B:47 and CMYK values of C:0, M:0.8, Y:0.81, K:0.02. Its decimal value is 16462383.

Hex triplet	fb322f	`#fb322f`
RGB Decimal	251, 50, 47	`rgb(251,50,47)`
RGB Percent	98.4, 19.6, 18.4	`rgb(98.4%,19.6%,18.4%)`
CMYK	0, 80, 81, 2
HSL	0.9°, 96.2, 58.4	`hsl(0.9,96.2%,58.4%)`
HSV (or HSB)	0.9°, 81.3, 98.4
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.073, 72.786, 51.175
XYZ	41.439, 23.001, 4.947
xyY	0.597, 0.331, 23.001
CIE-LCH	55.073, 88.976, 35.11
CIE-LUV	55.073, 154.087, 34.019
Hunter-Lab	47.959, 70.305, 27.456
Binary	11111011, 00110010, 00101111

#fb322f
```
#fb322f rgb(251,50,47)
```
#2ff8fb
```
#2ff8fb rgb(47,248,251)
```

Complementary Color

#fb2f92
```
#fb2f92 rgb(251,47,146)
```
#fb322f
```
#fb322f rgb(251,50,47)
```
#fb982f
```
#fb982f rgb(251,152,47)
```

Analogous Color

#2f92fb
```
#2f92fb rgb(47,146,251)
```
#fb322f
```
#fb322f rgb(251,50,47)
```
#2ffb98
```
#2ffb98 rgb(47,251,152)
```

Split Complementary Color

#322ffb
```
#322ffb rgb(50,47,251)
```
#fb322f
```
#fb322f rgb(251,50,47)
```
#2ffb32
```
#2ffb32 rgb(47,251,50)
```

Triadic Color

#fb2ff8
```
#fb2ff8 rgb(251,47,248)
```
#fb322f
```
#fb322f rgb(251,50,47)
```
#2ffb32
```
#2ffb32 rgb(47,251,50)
```
#2ff8fb
```
#2ff8fb rgb(47,248,251)
```

Tetradic Color

#d90704
```
#d90704 rgb(217,7,4)
```
#f20805
```
#f20805 rgb(242,8,5)
```
#fb1916
```
#fb1916 rgb(251,25,22)
```
#fb322f
```
#fb322f rgb(251,50,47)
```
#fb4b48
```
#fb4b48 rgb(251,75,72)
```
#fc6361
```
#fc6361 rgb(252,99,97)
```
#fc7c7a
```
#fc7c7a rgb(252,124,122)
```

Monochromatic Color

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

#fb2f5f
```
#fb2f5f rgb(251,47,95)
```
#fb2f4e
```
#fb2f4e rgb(251,47,78)
```
#fb2f3d
```
#fb2f3d rgb(251,47,61)
```
#fb322f
```
#fb322f rgb(251,50,47)
```
#fb432f
```
#fb432f rgb(251,67,47)
```
#fb542f
```
#fb542f rgb(251,84,47)
```
#fb652f
```
#fb652f rgb(251,101,47)
```

Similar Colors

Text with hexadecimal color #fb322f

This text has a font color of #fb322f.

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

#fb322f background color

This paragraph has a background color of #fb322f.

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

#fb322f border color

This element has a border color of #fb322f.

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

CSS codes

.text {color:#fb322f;}

.background {background-color:#fb322f;}

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

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

#040000
```
#040000 rgb(4,0,0)
```
#170100
```
#170100 rgb(23,1,0)
```
#2a0101
```
#2a0101 rgb(42,1,1)
```
#3d0201
```
#3d0201 rgb(61,2,1)
```
#510302
```
#510302 rgb(81,3,2)
```
#640302
```
#640302 rgb(100,3,2)
```
#770402
```
#770402 rgb(119,4,2)
```
#8a0503
```
#8a0503 rgb(138,5,3)
```
#9e0503
```
#9e0503 rgb(158,5,3)
```
#b10603
```
#b10603 rgb(177,6,3)
```
#c40704
```
#c40704 rgb(196,7,4)
```
#d70704
```
#d70704 rgb(215,7,4)
```
#eb0805
```
#eb0805 rgb(235,8,5)
```

Shade Color Variation

#fa0c09
```
#fa0c09 rgb(250,12,9)
```
#fb1f1c
```
#fb1f1c rgb(251,31,28)
```
#fb322f
```
#fb322f rgb(251,50,47)
```
#fb4542
```
#fb4542 rgb(251,69,66)
```
#fc5855
```
#fc5855 rgb(252,88,85)
```
#fc6b69
```
#fc6b69 rgb(252,107,105)
```
#fc7e7c
```
#fc7e7c rgb(252,126,124)
```
#fd918f
```
#fd918f rgb(253,145,143)
```
#fda4a2
```
#fda4a2 rgb(253,164,162)
```
#feb7b6
```
#feb7b6 rgb(254,183,182)
```
#fecac9
```
#fecac9 rgb(254,202,201)
```
#fedddc
```
#fedddc rgb(254,221,220)
```
#fff0ef
```
#fff0ef rgb(255,240,239)
```

Tint Color Variation

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

#999191
```
#999191 rgb(153,145,145)
```
#a18989
```
#a18989 rgb(161,137,137)
```
#a98181
```
#a98181 rgb(169,129,129)
```
#b27978
```
#b27978 rgb(178,121,120)
```
#ba7170
```
#ba7170 rgb(186,113,112)
```
#c26968
```
#c26968 rgb(194,105,104)
```
#ca6160
```
#ca6160 rgb(202,97,96)
```
#d25a58
```
#d25a58 rgb(210,90,88)
```
#da5250
```
#da5250 rgb(218,82,80)
```
#e34a47
```
#e34a47 rgb(227,74,71)
```
#eb423f
```
#eb423f rgb(235,66,63)
```
#f33a37
```
#f33a37 rgb(243,58,55)
```
#fb322f
```
#fb322f rgb(251,50,47)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#8a6261 Atypical Achromatopsia 0.001% of the population

Dichromacy

#978a4d Protanopia 1% of men
#ac8326 Deuteranopia 1% of men
#fb3c3c Tritanopia 0.001% of the population

Trichromacy

#bb6a42 Protanomaly 1% of men, 0.01% of women
#c86529 Deuteranomaly 6% of men, 0.4% of women
#fb3837 Tritanomaly 0.01% of the population

#fb322f hex color

#fb322f Color Information

#fb322f Color Conversion

Color Schemes with #fb322f

Alternatives to #fb322f

#fb322f Preview

Shades and Tints of #fb322f

Tones of #fb322f

Color Blindness Simulator