#fb2f30 hex color

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

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

● #fb2f30 color description : Bright red.

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

Hex triplet	fb2f30	`#fb2f30`
RGB Decimal	251, 47, 48	`rgb(251,47,48)`
RGB Percent	98.4, 18.4, 18.8	`rgb(98.4%,18.4%,18.8%)`
CMYK	0, 81, 81, 2
HSL	359.7°, 96.2, 58.4	`hsl(359.7,96.2%,58.4%)`
HSV (or HSB)	359.7°, 81.3, 98.4
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.825, 73.539, 50.431
XYZ	41.336, 22.761, 5.013
xyY	0.598, 0.329, 22.761
CIE-LCH	54.825, 89.17, 34.441
CIE-LUV	54.825, 155.244, 33.235
Hunter-Lab	47.708, 71.168, 27.166
Binary	11111011, 00101111, 00110000

#fb2f30
```
#fb2f30 rgb(251,47,48)
```
#2ffbfa
```
#2ffbfa rgb(47,251,250)
```

Complementary Color

#fb2f96
```
#fb2f96 rgb(251,47,150)
```
#fb2f30
```
#fb2f30 rgb(251,47,48)
```
#fb942f
```
#fb942f rgb(251,148,47)
```

Analogous Color

#2f96fb
```
#2f96fb rgb(47,150,251)
```
#fb2f30
```
#fb2f30 rgb(251,47,48)
```
#2ffb94
```
#2ffb94 rgb(47,251,148)
```

Split Complementary Color

#2f30fb
```
#2f30fb rgb(47,48,251)
```
#fb2f30
```
#fb2f30 rgb(251,47,48)
```
#30fb2f
```
#30fb2f rgb(48,251,47)
```

Triadic Color

#fa2ffb
```
#fa2ffb rgb(250,47,251)
```
#fb2f30
```
#fb2f30 rgb(251,47,48)
```
#30fb2f
```
#30fb2f rgb(48,251,47)
```
#2ffbfa
```
#2ffbfa rgb(47,251,250)
```

Tetradic Color

#d90405
```
#d90405 rgb(217,4,5)
```
#f20506
```
#f20506 rgb(242,5,6)
```
#fb1617
```
#fb1617 rgb(251,22,23)
```
#fb2f30
```
#fb2f30 rgb(251,47,48)
```
#fb4849
```
#fb4849 rgb(251,72,73)
```
#fc6162
```
#fc6162 rgb(252,97,98)
```
#fc7a7b
```
#fc7a7b rgb(252,122,123)
```

Monochromatic Color

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

#fb2f63
```
#fb2f63 rgb(251,47,99)
```
#fb2f52
```
#fb2f52 rgb(251,47,82)
```
#fb2f41
```
#fb2f41 rgb(251,47,65)
```
#fb2f30
```
#fb2f30 rgb(251,47,48)
```
#fb3f2f
```
#fb3f2f rgb(251,63,47)
```
#fb502f
```
#fb502f rgb(251,80,47)
```
#fb612f
```
#fb612f rgb(251,97,47)
```

Similar Colors

Text with hexadecimal color #fb2f30

This text has a font color of #fb2f30.

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

#fb2f30 background color

This paragraph has a background color of #fb2f30.

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

#fb2f30 border color

This element has a border color of #fb2f30.

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

CSS codes

.text {color:#fb2f30;}

.background {background-color:#fb2f30;}

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

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 #ffeff0 is the lightest one.

#040000
```
#040000 rgb(4,0,0)
```
#170001
```
#170001 rgb(23,0,1)
```
#2a0101
```
#2a0101 rgb(42,1,1)
```
#3d0101
```
#3d0101 rgb(61,1,1)
```
#510202
```
#510202 rgb(81,2,2)
```
#640202
```
#640202 rgb(100,2,2)
```
#770203
```
#770203 rgb(119,2,3)
```
#8a0303
```
#8a0303 rgb(138,3,3)
```
#9e0304
```
#9e0304 rgb(158,3,4)
```
#b10304
```
#b10304 rgb(177,3,4)
```
#c40405
```
#c40405 rgb(196,4,5)
```
#d70405
```
#d70405 rgb(215,4,5)
```
#eb0506
```
#eb0506 rgb(235,5,6)
```

Shade Color Variation

#fa090a
```
#fa090a rgb(250,9,10)
```
#fb1c1d
```
#fb1c1d rgb(251,28,29)
```
#fb2f30
```
#fb2f30 rgb(251,47,48)
```
#fb4243
```
#fb4243 rgb(251,66,67)
```
#fc5556
```
#fc5556 rgb(252,85,86)
```
#fc6969
```
#fc6969 rgb(252,105,105)
```
#fc7c7d
```
#fc7c7d rgb(252,124,125)
```
#fd8f90
```
#fd8f90 rgb(253,143,144)
```
#fda2a3
```
#fda2a3 rgb(253,162,163)
```
#feb6b6
```
#feb6b6 rgb(254,182,182)
```
#fec9c9
```
#fec9c9 rgb(254,201,201)
```
#fedcdc
```
#fedcdc rgb(254,220,220)
```
#ffeff0
```
#ffeff0 rgb(255,239,240)
```

Tint Color Variation

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

#999191
```
#999191 rgb(153,145,145)
```
#a18989
```
#a18989 rgb(161,137,137)
```
#a98181
```
#a98181 rgb(169,129,129)
```
#b27879
```
#b27879 rgb(178,120,121)
```
#ba7071
```
#ba7071 rgb(186,112,113)
```
#c26869
```
#c26869 rgb(194,104,105)
```
#ca6060
```
#ca6060 rgb(202,96,96)
```
#d25858
```
#d25858 rgb(210,88,88)
```
#da5050
```
#da5050 rgb(218,80,80)
```
#e34748
```
#e34748 rgb(227,71,72)
```
#eb3f40
```
#eb3f40 rgb(235,63,64)
```
#f33738
```
#f33738 rgb(243,55,56)
```
#fb2f30
```
#fb2f30 rgb(251,47,48)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#896060 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96894f Protanopia 1% of men
#ab8327 Deuteranopia 1% of men
#fb393a Tritanopia 0.001% of the population

Trichromacy

#bb6843 Protanomaly 1% of men, 0.01% of women
#c8642a Deuteranomaly 6% of men, 0.4% of women
#fb3536 Tritanomaly 0.01% of the population

#fb2f30 hex color

#fb2f30 Color Information

#fb2f30 Color Conversion

Color Schemes with #fb2f30

Alternatives to #fb2f30

#fb2f30 Preview

Shades and Tints of #fb2f30

Tones of #fb2f30

Color Blindness Simulator