#fa2f24 hex color

In a RGB color space, hex #fa2f24 is composed of 98% red, 18.4% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.2% magenta, 85.6% yellow and 2% black. It has a hue angle of 3.1 degrees, a saturation of 95.5% and a lightness of 56.1%. #fa2f24 color hex could be obtained by blending #ff5e48 with #f50000. Closest websafe color is: #ff3333.

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

● #fa2f24 color description : Vivid red.

The hexadecimal color #fa2f24 has RGB values of R:250, G:47, B:36 and CMYK values of C:0, M:0.81, Y:0.86, K:0.02. Its decimal value is 16396068.

Hex triplet	fa2f24	`#fa2f24`
RGB Decimal	250, 47, 36	`rgb(250,47,36)`
RGB Percent	98, 18.4, 14.1	`rgb(98%,18.4%,14.1%)`
CMYK	0, 81, 86, 2
HSL	3.1°, 95.5, 56.1	`hsl(3.1,95.5%,56.1%)`
HSV (or HSB)	3.1°, 85.6, 98
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.543, 72.994, 55.903
XYZ	40.761, 22.49, 3.864
xyY	0.607, 0.335, 22.49
CIE-LCH	54.543, 91.942, 37.447
CIE-LUV	54.543, 156.383, 36.203
Hunter-Lab	47.423, 70.435, 28.366
Binary	11111010, 00101111, 00100100

#fa2f24
```
#fa2f24 rgb(250,47,36)
```
#24effa
```
#24effa rgb(36,239,250)
```

Complementary Color

#fa2484
```
#fa2484 rgb(250,36,132)
```
#fa2f24
```
#fa2f24 rgb(250,47,36)
```
#fa9a24
```
#fa9a24 rgb(250,154,36)
```

Analogous Color

#2484fa
```
#2484fa rgb(36,132,250)
```
#fa2f24
```
#fa2f24 rgb(250,47,36)
```
#24fa9a
```
#24fa9a rgb(36,250,154)
```

Split Complementary Color

#2f24fa
```
#2f24fa rgb(47,36,250)
```
#fa2f24
```
#fa2f24 rgb(250,47,36)
```
#24fa2f
```
#24fa2f rgb(36,250,47)
```

Triadic Color

#fa24ef
```
#fa24ef rgb(250,36,239)
```
#fa2f24
```
#fa2f24 rgb(250,47,36)
```
#24fa2f
```
#24fa2f rgb(36,250,47)
```
#24effa
```
#24effa rgb(36,239,250)
```

Tetradic Color

#cd0f05
```
#cd0f05 rgb(205,15,5)
```
#e61105
```
#e61105 rgb(230,17,5)
```
#f9170b
```
#f9170b rgb(249,23,11)
```
#fa2f24
```
#fa2f24 rgb(250,47,36)
```
#fb473d
```
#fb473d rgb(251,71,61)
```
#fb5e56
```
#fb5e56 rgb(251,94,86)
```
#fc766f
```
#fc766f rgb(252,118,111)
```

Monochromatic Color

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

#fa244f
```
#fa244f rgb(250,36,79)
```
#fa243d
```
#fa243d rgb(250,36,61)
```
#fa242b
```
#fa242b rgb(250,36,43)
```
#fa2f24
```
#fa2f24 rgb(250,47,36)
```
#fa4124
```
#fa4124 rgb(250,65,36)
```
#fa5324
```
#fa5324 rgb(250,83,36)
```
#fa6524
```
#fa6524 rgb(250,101,36)
```

Similar Colors

Text with hexadecimal color #fa2f24

This text has a font color of #fa2f24.

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

#fa2f24 background color

This paragraph has a background color of #fa2f24.

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

#fa2f24 border color

This element has a border color of #fa2f24.

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

CSS codes

.text {color:#fa2f24;}

.background {background-color:#fa2f24;}

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

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

#0b0100
```
#0b0100 rgb(11,1,0)
```
#1e0201
```
#1e0201 rgb(30,2,1)
```
#310401
```
#310401 rgb(49,4,1)
```
#450502
```
#450502 rgb(69,5,2)
```
#580602
```
#580602 rgb(88,6,2)
```
#6b0802
```
#6b0802 rgb(107,8,2)
```
#7e0903
```
#7e0903 rgb(126,9,3)
```
#910b03
```
#910b03 rgb(145,11,3)
```
#a50c04
```
#a50c04 rgb(165,12,4)
```
#b80d04
```
#b80d04 rgb(184,13,4)
```
#cb0f05
```
#cb0f05 rgb(203,15,5)
```
#de1005
```
#de1005 rgb(222,16,5)
```
#f11206
```
#f11206 rgb(241,18,6)
```

Shade Color Variation

#fa1d11
```
#fa1d11 rgb(250,29,17)
```
#fa2f24
```
#fa2f24 rgb(250,47,36)
```
#fa4137
```
#fa4137 rgb(250,65,55)
```
#fb534a
```
#fb534a rgb(251,83,74)
```
#fb665e
```
#fb665e rgb(251,102,94)
```
#fc7871
```
#fc7871 rgb(252,120,113)
```
#fc8a84
```
#fc8a84 rgb(252,138,132)
```
#fd9c97
```
#fd9c97 rgb(253,156,151)
```
#fdafaa
```
#fdafaa rgb(253,175,170)
```
#fec1bd
```
#fec1bd rgb(254,193,189)
```
#fed3d1
```
#fed3d1 rgb(254,211,209)
```
#fee5e4
```
#fee5e4 rgb(254,229,228)
```
#fff7f7
```
#fff7f7 rgb(255,247,247)
```

Tint Color Variation

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

#938c8b
```
#938c8b rgb(147,140,139)
```
#9b8483
```
#9b8483 rgb(155,132,131)
```
#a47c7a
```
#a47c7a rgb(164,124,122)
```
#ac7572
```
#ac7572 rgb(172,117,114)
```
#b56d69
```
#b56d69 rgb(181,109,105)
```
#be6560
```
#be6560 rgb(190,101,96)
```
#c65d58
```
#c65d58 rgb(198,93,88)
```
#cf564f
```
#cf564f rgb(207,86,79)
```
#d84e46
```
#d84e46 rgb(216,78,70)
```
#e0463e
```
#e0463e rgb(224,70,62)
```
#e93e35
```
#e93e35 rgb(233,62,53)
```
#f1372d
```
#f1372d rgb(241,55,45)
```
#fa2f24
```
#fa2f24 rgb(250,47,36)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#875e5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#978941 Protanopia 1% of men
#ab8212 Deuteranopia 1% of men
#fa3838 Tritanopia 0.001% of the population

Trichromacy

#bb6836 Protanomaly 1% of men, 0.01% of women
#c76418 Deuteranomaly 6% of men, 0.4% of women
#fa3531 Tritanomaly 0.01% of the population

#fa2f24 hex color

#fa2f24 Color Information

#fa2f24 Color Conversion

Color Schemes with #fa2f24

Alternatives to #fa2f24

#fa2f24 Preview

Shades and Tints of #fa2f24

Tones of #fa2f24

Color Blindness Simulator