#fb3316 Color Information
In a RGB color space, hex #fb3316 is composed of 98.4% red, 20% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.7% magenta, 91.2% yellow and 1.6% black. It has a hue angle of 7.6 degrees, a saturation of 96.6% and a lightness of 53.5%. #fb3316 color hex could be obtained by blending #ff662c with #f70000. Closest websafe color is: #ff3300.
-
- R 98
- G 20
- B 9
-
- C 0
- M 80
- Y 91
- K 2
● #fb3316 color description : Vivid red.
#fb3316 Color Conversion
The hexadecimal color #fb3316 has RGB values of R:251, G:51, B:22 and CMYK values of C:0, M:0.8, Y:0.91, K:0.02. Its decimal value is 16462614.
| Hex triplet | fb3316 | #fb3316 |
|---|---|---|
| RGB Decimal | 251, 51, 22 | rgb(251,51,22) |
| RGB Percent | 98.4, 20, 8.6 | rgb(98.4%,20%,8.6%) |
| CMYK | 0, 80, 91, 2 | |
| HSL | 7.6°, 96.6, 53.5 | hsl(7.6,96.6%,53.5%) |
| HSV (or HSB) | 7.6°, 91.2, 98.4 | |
| Web Safe | ff3300 | #ff3300 |
| CIE-LAB | 55.011, 72.063, 61.877 |
|---|---|
| XYZ | 41.115, 22.94, 3.022 |
| xyY | 0.613, 0.342, 22.94 |
| CIE-LCH | 55.011, 94.983, 40.651 |
| CIE-LUV | 55.011, 156.807, 39.548 |
| Hunter-Lab | 47.896, 69.41, 29.786 |
| Binary | 11111011, 00110011, 00010110 |
Color Schemes with #fb3316
Alternatives to #fb3316
Below, you can see some colors close to #fb3316. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fb3316 Preview
This text has a font color of #fb3316.
<span style="color:#fb3316;">Text here</span>
This paragraph has a background color of #fb3316.
<p style="background-color:#fb3316;">Content here</p>
This element has a border color of #fb3316.
<div style="border:1px solid #fb3316;">Content here</div>
.text {color:#fb3316;}
.background {background-color:#fb3316;}
.border {border:1px solid #fb3316;}
Shades and Tints of #fb3316
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, #120300 is the darkest color, while #fffefd is the lightest one.
-
#120300
#120300rgb(18,3,0) -
#250501
#250501rgb(37,5,1) -
#380801
#380801rgb(56,8,1) -
#4c0b01
#4c0b01rgb(76,11,1) -
#5f0d02
#5f0d02rgb(95,13,2) -
#721002
#721002rgb(114,16,2) -
#851302
#851302rgb(133,19,2) -
#991603
#991603rgb(153,22,3) -
#ac1803
#ac1803rgb(172,24,3) -
#bf1b03
#bf1b03rgb(191,27,3) -
#d31e04
#d31e04rgb(211,30,4) -
#e62104
#e62104rgb(230,33,4) -
#f92304
#f92304rgb(249,35,4)
-
#fb3316
#fb3316rgb(251,51,22) -
#fb4429
#fb4429rgb(251,68,41) -
#fc553d
#fc553drgb(252,85,61) -
#fc6650
#fc6650rgb(252,102,80) -
#fc7763
#fc7763rgb(252,119,99) -
#fd8776
#fd8776rgb(253,135,118) -
#fd988a
#fd988argb(253,152,138) -
#fda99d
#fda99drgb(253,169,157) -
#febab0
#febab0rgb(254,186,176) -
#fecbc4
#fecbc4rgb(254,203,196) -
#fedcd7
#fedcd7rgb(254,220,215) -
#ffedea
#ffedeargb(255,237,234) -
#fffefd
#fffefdrgb(255,254,253)
Tones of #fb3316
A tone is produced by adding gray to any pure hue. In this case, #8e8583 is the less saturated color, while #fb3316 is the most saturated one.
-
#8e8583
#8e8583rgb(142,133,131) -
#977e7a
#977e7argb(151,126,122) -
#a07771
#a07771rgb(160,119,113) -
#a97068
#a97068rgb(169,112,104) -
#b2695f
#b2695frgb(178,105,95) -
#bb6356
#bb6356rgb(187,99,86) -
#c45c4d
#c45c4drgb(196,92,77) -
#cd5544
#cd5544rgb(205,85,68) -
#d74e3a
#d74e3argb(215,78,58) -
#e04731
#e04731rgb(224,71,49) -
#e94128
#e94128rgb(233,65,40) -
#f23a1f
#f23a1frgb(242,58,31) -
#fb3316
#fb3316rgb(251,51,22)
Color Blindness Simulator
Below, you can see how #fb3316 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.
