#fb314d hex color

In a RGB color space, hex #fb314d is composed of 98.4% red, 19.2% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.5% magenta, 69.3% yellow and 1.6% black. It has a hue angle of 351.7 degrees, a saturation of 96.2% and a lightness of 58.8%. #fb314d color hex could be obtained by blending #ff629a with #f70000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 98
- G 19
- B 30
RGB color chart
- C 0
- M 80
- Y 69
- K 2
CMYK color chart

● #fb314d color description : Bright red.

The hexadecimal color #fb314d has RGB values of R:251, G:49, B:77 and CMYK values of C:0, M:0.8, Y:0.69, K:0.02. Its decimal value is 16462157.

Hex triplet	fb314d	`#fb314d`
RGB Decimal	251, 49, 77	`rgb(251,49,77)`
RGB Percent	98.4, 19.2, 30.2	`rgb(98.4%,19.2%,30.2%)`
CMYK	0, 80, 69, 2
HSL	351.7°, 96.2, 58.8	`hsl(351.7,96.2%,58.8%)`
HSV (or HSB)	351.7°, 80.5, 98.4
Web Safe	ff3366	`#ff3366`

CIE-LAB	55.326, 74.074, 34.945
XYZ	42.224, 23.247, 9.285
xyY	0.565, 0.311, 23.247
CIE-LCH	55.326, 81.903, 25.256
CIE-LUV	55.326, 147.774, 22.484
Hunter-Lab	48.215, 71.942, 22.333
Binary	11111011, 00110001, 01001101

#fb314d
```
#fb314d rgb(251,49,77)
```
#31fbdf
```
#31fbdf rgb(49,251,223)
```

Complementary Color

#fb31b2
```
#fb31b2 rgb(251,49,178)
```
#fb314d
```
#fb314d rgb(251,49,77)
```
#fb7a31
```
#fb7a31 rgb(251,122,49)
```

Analogous Color

#31b2fb
```
#31b2fb rgb(49,178,251)
```
#fb314d
```
#fb314d rgb(251,49,77)
```
#31fb7a
```
#31fb7a rgb(49,251,122)
```

Split Complementary Color

#314dfb
```
#314dfb rgb(49,77,251)
```
#fb314d
```
#fb314d rgb(251,49,77)
```
#4dfb31
```
#4dfb31 rgb(77,251,49)
```

Triadic Color

#df31fb
```
#df31fb rgb(223,49,251)
```
#fb314d
```
#fb314d rgb(251,49,77)
```
#4dfb31
```
#4dfb31 rgb(77,251,49)
```
#31fbdf
```
#31fbdf rgb(49,251,223)
```

Tetradic Color

#db0422
```
#db0422 rgb(219,4,34)
```
#f40526
```
#f40526 rgb(244,5,38)
```
#fb1837
```
#fb1837 rgb(251,24,55)
```
#fb314d
```
#fb314d rgb(251,49,77)
```
#fb4a63
```
#fb4a63 rgb(251,74,99)
```
#fc6378
```
#fc6378 rgb(252,99,120)
```
#fc7c8e
```
#fc7c8e rgb(252,124,142)
```

Monochromatic Color

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

#fb3180
```
#fb3180 rgb(251,49,128)
```
#fb316f
```
#fb316f rgb(251,49,111)
```
#fb315e
```
#fb315e rgb(251,49,94)
```
#fb314d
```
#fb314d rgb(251,49,77)
```
#fb313c
```
#fb313c rgb(251,49,60)
```
#fb3731
```
#fb3731 rgb(251,55,49)
```
#fb4731
```
#fb4731 rgb(251,71,49)
```

Similar Colors

Text with hexadecimal color #fb314d

This text has a font color of #fb314d.

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

#fb314d background color

This paragraph has a background color of #fb314d.

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

#fb314d border color

This element has a border color of #fb314d.

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

CSS codes

.text {color:#fb314d;}

.background {background-color:#fb314d;}

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

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

#060001
```
#060001 rgb(6,0,1)
```
#190004
```
#190004 rgb(25,0,4)
```
#2c0107
```
#2c0107 rgb(44,1,7)
```
#3f010a
```
#3f010a rgb(63,1,10)
```
#53020d
```
#53020d rgb(83,2,13)
```
#660210
```
#660210 rgb(102,2,16)
```
#790213
```
#790213 rgb(121,2,19)
```
#8c0316
```
#8c0316 rgb(140,3,22)
```
#a00319
```
#a00319 rgb(160,3,25)
```
#b3031c
```
#b3031c rgb(179,3,28)
```
#c6041f
```
#c6041f rgb(198,4,31)
```
#d90422
```
#d90422 rgb(217,4,34)
```
#ed0525
```
#ed0525 rgb(237,5,37)
```

Shade Color Variation

#fa0b2c
```
#fa0b2c rgb(250,11,44)
```
#fb1e3c
```
#fb1e3c rgb(251,30,60)
```
#fb314d
```
#fb314d rgb(251,49,77)
```
#fb445e
```
#fb445e rgb(251,68,94)
```
#fc576e
```
#fc576e rgb(252,87,110)
```
#fc6b7f
```
#fc6b7f rgb(252,107,127)
```
#fc7e90
```
#fc7e90 rgb(252,126,144)
```
#fd91a0
```
#fd91a0 rgb(253,145,160)
```
#fda4b1
```
#fda4b1 rgb(253,164,177)
```
#feb8c1
```
#feb8c1 rgb(254,184,193)
```
#fecbd2
```
#fecbd2 rgb(254,203,210)
```
#fedee3
```
#fedee3 rgb(254,222,227)
```
#fff1f3
```
#fff1f3 rgb(255,241,243)
```

Tint Color Variation

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

#9a9293
```
#9a9293 rgb(154,146,147)
```
#a28a8d
```
#a28a8d rgb(162,138,141)
```
#aa8287
```
#aa8287 rgb(170,130,135)
```
#b27a82
```
#b27a82 rgb(178,122,130)
```
#ba727c
```
#ba727c rgb(186,114,124)
```
#c26a76
```
#c26a76 rgb(194,106,118)
```
#cb6170
```
#cb6170 rgb(203,97,112)
```
#d3596a
```
#d3596a rgb(211,89,106)
```
#db5164
```
#db5164 rgb(219,81,100)
```
#e3495f
```
#e3495f rgb(227,73,95)
```
#eb4159
```
#eb4159 rgb(235,65,89)
```
#f33953
```
#f33953 rgb(243,57,83)
```
#fb314d
```
#fb314d rgb(251,49,77)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#8d646a Atypical Achromatopsia 0.001% of the population

Dichromacy

#938a70 Protanopia 1% of men
#a98448 Deuteranopia 1% of men
#fa4041 Tritanopia 0.001% of the population

Trichromacy

#b86a63 Protanomaly 1% of men, 0.01% of women
#c7664a Deuteranomaly 6% of men, 0.4% of women
#fa3a45 Tritanomaly 0.01% of the population

#fb314d hex color

#fb314d Color Information

#fb314d Color Conversion

Color Schemes with #fb314d

Alternatives to #fb314d

#fb314d Preview

Shades and Tints of #fb314d

Tones of #fb314d

Color Blindness Simulator