#fb1f48 hex color

In a RGB color space, hex #fb1f48 is composed of 98.4% red, 12.2% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.6% magenta, 71.3% yellow and 1.6% black. It has a hue angle of 348.8 degrees, a saturation of 96.5% and a lightness of 55.3%. #fb1f48 color hex could be obtained by blending #ff3e90 with #f70000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 98
- G 12
- B 28
RGB color chart
- C 0
- M 88
- Y 71
- K 2
CMYK color chart

● #fb1f48 color description : Vivid red.

The hexadecimal color #fb1f48 has RGB values of R:251, G:31, B:72 and CMYK values of C:0, M:0.88, Y:0.71, K:0.02. Its decimal value is 16457544.

Hex triplet	fb1f48	`#fb1f48`
RGB Decimal	251, 31, 72	`rgb(251,31,72)`
RGB Percent	98.4, 12.2, 28.2	`rgb(98.4%,12.2%,28.2%)`
CMYK	0, 88, 71, 2
HSL	348.8°, 96.5, 55.3	`hsl(348.8,96.5%,55.3%)`
HSV (or HSB)	348.8°, 87.6, 98.4
Web Safe	ff3333	`#ff3333`

CIE-LAB	53.987, 77.486, 36.251
XYZ	41.445, 21.962, 8.187
xyY	0.579, 0.307, 21.962
CIE-LCH	53.987, 85.547, 25.072
CIE-LUV	53.987, 155.379, 22.115
Hunter-Lab	46.864, 75.849, 22.446
Binary	11111011, 00011111, 01001000

#fb1f48
```
#fb1f48 rgb(251,31,72)
```
#1ffbd2
```
#1ffbd2 rgb(31,251,210)
```

Complementary Color

#fb1fb6
```
#fb1fb6 rgb(251,31,182)
```
#fb1f48
```
#fb1f48 rgb(251,31,72)
```
#fb641f
```
#fb641f rgb(251,100,31)
```

Analogous Color

#1fb6fb
```
#1fb6fb rgb(31,182,251)
```
#fb1f48
```
#fb1f48 rgb(251,31,72)
```
#1ffb64
```
#1ffb64 rgb(31,251,100)
```

Split Complementary Color

#1f48fb
```
#1f48fb rgb(31,72,251)
```
#fb1f48
```
#fb1f48 rgb(251,31,72)
```
#48fb1f
```
#48fb1f rgb(72,251,31)
```

Triadic Color

#d21ffb
```
#d21ffb rgb(210,31,251)
```
#fb1f48
```
#fb1f48 rgb(251,31,72)
```
#48fb1f
```
#48fb1f rgb(72,251,31)
```
#1ffbd2
```
#1ffbd2 rgb(31,251,210)
```

Tetradic Color

#ca0429
```
#ca0429 rgb(202,4,41)
```
#e3042e
```
#e3042e rgb(227,4,46)
```
#fb0634
```
#fb0634 rgb(251,6,52)
```
#fb1f48
```
#fb1f48 rgb(251,31,72)
```
#fb385c
```
#fb385c rgb(251,56,92)
```
#fc5171
```
#fc5171 rgb(252,81,113)
```
#fc6a85
```
#fc6a85 rgb(252,106,133)
```

Monochromatic Color

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

#fb1f7f
```
#fb1f7f rgb(251,31,127)
```
#fb1f6d
```
#fb1f6d rgb(251,31,109)
```
#fb1f5a
```
#fb1f5a rgb(251,31,90)
```
#fb1f48
```
#fb1f48 rgb(251,31,72)
```
#fb1f36
```
#fb1f36 rgb(251,31,54)
```
#fb1f23
```
#fb1f23 rgb(251,31,35)
```
#fb2d1f
```
#fb2d1f rgb(251,45,31)
```

Similar Colors

Text with hexadecimal color #fb1f48

This text has a font color of #fb1f48.

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

#fb1f48 background color

This paragraph has a background color of #fb1f48.

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

#fb1f48 border color

This element has a border color of #fb1f48.

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

CSS codes

.text {color:#fb1f48;}

.background {background-color:#fb1f48;}

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

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

#070001
```
#070001 rgb(7,0,1)
```
#1b0005
```
#1b0005 rgb(27,0,5)
```
#2e0109
```
#2e0109 rgb(46,1,9)
```
#41010d
```
#41010d rgb(65,1,13)
```
#540211
```
#540211 rgb(84,2,17)
```
#680215
```
#680215 rgb(104,2,21)
```
#7b0219
```
#7b0219 rgb(123,2,25)
```
#8e031d
```
#8e031d rgb(142,3,29)
```
#a10320
```
#a10320 rgb(161,3,32)
```
#b50324
```
#b50324 rgb(181,3,36)
```
#c80428
```
#c80428 rgb(200,4,40)
```
#db042c
```
#db042c rgb(219,4,44)
```
#ef0430
```
#ef0430 rgb(239,4,48)
```

Shade Color Variation

#fb0c38
```
#fb0c38 rgb(251,12,56)
```
#fb1f48
```
#fb1f48 rgb(251,31,72)
```
#fb3258
```
#fb3258 rgb(251,50,88)
```
#fc4667
```
#fc4667 rgb(252,70,103)
```
#fc5977
```
#fc5977 rgb(252,89,119)
```
#fc6c87
```
#fc6c87 rgb(252,108,135)
```
#fd7f97
```
#fd7f97 rgb(253,127,151)
```
#fd93a6
```
#fd93a6 rgb(253,147,166)
```
#fda6b6
```
#fda6b6 rgb(253,166,182)
```
#feb9c6
```
#feb9c6 rgb(254,185,198)
```
#feccd6
```
#feccd6 rgb(254,204,214)
```
#fee0e5
```
#fee0e5 rgb(254,224,229)
```
#fff3f5
```
#fff3f5 rgb(255,243,245)
```

Tint Color Variation

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

#92888a
```
#92888a rgb(146,136,138)
```
#9b7f85
```
#9b7f85 rgb(155,127,133)
```
#a3777f
```
#a3777f rgb(163,119,127)
```
#ac6e7a
```
#ac6e7a rgb(172,110,122)
```
#b56574
```
#b56574 rgb(181,101,116)
```
#be5c6f
```
#be5c6f rgb(190,92,111)
```
#c65469
```
#c65469 rgb(198,84,105)
```
#cf4b64
```
#cf4b64 rgb(207,75,100)
```
#d8425e
```
#d8425e rgb(216,66,94)
```
#e13959
```
#e13959 rgb(225,57,89)
```
#e93153
```
#e93153 rgb(233,49,83)
```
#f2284e
```
#f2284e rgb(242,40,78)
```
#fb1f48
```
#fb1f48 rgb(251,31,72)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#83575f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f876d Protanopia 1% of men
#a68142 Deuteranopia 1% of men
#fa3231 Tritanopia 0.001% of the population

Trichromacy

#b6615f Protanomaly 1% of men, 0.01% of women
#c45d44 Deuteranomaly 6% of men, 0.4% of women
#fa2b39 Tritanomaly 0.01% of the population

#fb1f48 hex color

#fb1f48 Color Information

#fb1f48 Color Conversion

Color Schemes with #fb1f48

Alternatives to #fb1f48

#fb1f48 Preview

Shades and Tints of #fb1f48

Tones of #fb1f48

Color Blindness Simulator