#fa2828 hex color

In a RGB color space, hex #fa2828 is composed of 98% red, 15.7% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84% magenta, 84% yellow and 2% black. It has a hue angle of 0 degrees, a saturation of 95.5% and a lightness of 56.9%. #fa2828 color hex could be obtained by blending #ff5050 with #f50000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 98
- G 16
- B 16
RGB color chart
- C 0
- M 84
- Y 84
- K 2
CMYK color chart

● #fa2828 color description : Bright red.

The hexadecimal color #fa2828 has RGB values of R:250, G:40, B:40 and CMYK values of C:0, M:0.84, Y:0.84, K:0.02. Its decimal value is 16394280.

Hex triplet	fa2828	`#fa2828`
RGB Decimal	250, 40, 40	`rgb(250,40,40)`
RGB Percent	98, 15.7, 15.7	`rgb(98%,15.7%,15.7%)`
CMYK	0, 84, 84, 2
HSL	0°, 95.5, 56.9	`hsl(0,95.5%,56.9%)`
HSV (or HSB)	0°, 84, 98
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.027, 74.62, 53.604
XYZ	40.568, 22, 4.118
xyY	0.608, 0.33, 22
CIE-LCH	54.027, 91.878, 35.692
CIE-LUV	54.027, 158.687, 34.233
Hunter-Lab	46.904, 72.306, 27.628
Binary	11111010, 00101000, 00101000

#fa2828
```
#fa2828 rgb(250,40,40)
```
#28fafa
```
#28fafa rgb(40,250,250)
```

Complementary Color

#fa2891
```
#fa2891 rgb(250,40,145)
```
#fa2828
```
#fa2828 rgb(250,40,40)
```
#fa9128
```
#fa9128 rgb(250,145,40)
```

Analogous Color

#2891fa
```
#2891fa rgb(40,145,250)
```
#fa2828
```
#fa2828 rgb(250,40,40)
```
#28fa91
```
#28fa91 rgb(40,250,145)
```

Split Complementary Color

#2828fa
```
#2828fa rgb(40,40,250)
```
#fa2828
```
#fa2828 rgb(250,40,40)
```
#28fa28
```
#28fa28 rgb(40,250,40)
```

Triadic Color

#fa28fa
```
#fa28fa rgb(250,40,250)
```
#fa2828
```
#fa2828 rgb(250,40,40)
```
#28fa28
```
#28fa28 rgb(40,250,40)
```
#28fafa
```
#28fafa rgb(40,250,250)
```

Tetradic Color

#d10505
```
#d10505 rgb(209,5,5)
```
#ea0505
```
#ea0505 rgb(234,5,5)
```
#f90f0f
```
#f90f0f rgb(249,15,15)
```
#fa2828
```
#fa2828 rgb(250,40,40)
```
#fb4141
```
#fb4141 rgb(251,65,65)
```
#fb5a5a
```
#fb5a5a rgb(251,90,90)
```
#fc7373
```
#fc7373 rgb(252,115,115)
```

Monochromatic Color

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

#fa285d
```
#fa285d rgb(250,40,93)
```
#fa284b
```
#fa284b rgb(250,40,75)
```
#fa2839
```
#fa2839 rgb(250,40,57)
```
#fa2828
```
#fa2828 rgb(250,40,40)
```
#fa3a28
```
#fa3a28 rgb(250,58,40)
```
#fa4b28
```
#fa4b28 rgb(250,75,40)
```
#fa5d28
```
#fa5d28 rgb(250,93,40)
```

Similar Colors

Text with hexadecimal color #fa2828

This text has a font color of #fa2828.

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

#fa2828 background color

This paragraph has a background color of #fa2828.

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

#fa2828 border color

This element has a border color of #fa2828.

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

CSS codes

.text {color:#fa2828;}

.background {background-color:#fa2828;}

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

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, #0f0000 is the darkest color, while #fffbfb is the lightest one.

#0f0000
```
#0f0000 rgb(15,0,0)
```
#220101
```
#220101 rgb(34,1,1)
```
#350101
```
#350101 rgb(53,1,1)
```
#490202
```
#490202 rgb(73,2,2)
```
#5c0202
```
#5c0202 rgb(92,2,2)
```
#6f0303
```
#6f0303 rgb(111,3,3)
```
#820303
```
#820303 rgb(130,3,3)
```
#950303
```
#950303 rgb(149,3,3)
```
#a80404
```
#a80404 rgb(168,4,4)
```
#bc0404
```
#bc0404 rgb(188,4,4)
```
#cf0505
```
#cf0505 rgb(207,5,5)
```
#e20505
```
#e20505 rgb(226,5,5)
```
#f50606
```
#f50606 rgb(245,6,6)
```

Shade Color Variation

#fa1515
```
#fa1515 rgb(250,21,21)
```
#fa2828
```
#fa2828 rgb(250,40,40)
```
#fa3b3b
```
#fa3b3b rgb(250,59,59)
```
#fb4e4e
```
#fb4e4e rgb(251,78,78)
```
#fb6262
```
#fb6262 rgb(251,98,98)
```
#fc7575
```
#fc7575 rgb(252,117,117)
```
#fc8888
```
#fc8888 rgb(252,136,136)
```
#fd9b9b
```
#fd9b9b rgb(253,155,155)
```
#fdaeae
```
#fdaeae rgb(253,174,174)
```
#fec1c1
```
#fec1c1 rgb(254,193,193)
```
#fed5d5
```
#fed5d5 rgb(254,213,213)
```
#fee8e8
```
#fee8e8 rgb(254,232,232)
```
#fffbfb
```
#fffbfb rgb(255,251,251)
```

Tint Color Variation

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

#948e8e
```
#948e8e rgb(148,142,142)
```
#9d8585
```
#9d8585 rgb(157,133,133)
```
#a57d7d
```
#a57d7d rgb(165,125,125)
```
#ae7474
```
#ae7474 rgb(174,116,116)
```
#b66c6c
```
#b66c6c rgb(182,108,108)
```
#bf6363
```
#bf6363 rgb(191,99,99)
```
#c75b5b
```
#c75b5b rgb(199,91,91)
```
#d05252
```
#d05252 rgb(208,82,82)
```
#d84a4a
```
#d84a4a rgb(216,74,74)
```
#e14141
```
#e14141 rgb(225,65,65)
```
#e93939
```
#e93939 rgb(233,57,57)
```
#f23030
```
#f23030 rgb(242,48,48)
```
#fa2828
```
#fa2828 rgb(250,40,40)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#845a5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#958747 Protanopia 1% of men
#a9811a Deuteranopia 1% of men
#fa3332 Tritanopia 0.001% of the population

Trichromacy

#ba643b Protanomaly 1% of men, 0.01% of women
#c6601f Deuteranomaly 6% of men, 0.4% of women
#fa2f2e Tritanomaly 0.01% of the population

#fa2828 hex color

#fa2828 Color Information

#fa2828 Color Conversion

Color Schemes with #fa2828

Alternatives to #fa2828

#fa2828 Preview

Shades and Tints of #fa2828

Tones of #fa2828

Color Blindness Simulator