#fa2f50 hex color

In a RGB color space, hex #fa2f50 is composed of 98% red, 18.4% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.2% magenta, 68% yellow and 2% black. It has a hue angle of 350.2 degrees, a saturation of 95.3% and a lightness of 58.2%. #fa2f50 color hex could be obtained by blending #ff5ea0 with #f50000. Closest websafe color is: #ff3366.

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

● #fa2f50 color description : Bright red.

The hexadecimal color #fa2f50 has RGB values of R:250, G:47, B:80 and CMYK values of C:0, M:0.81, Y:0.68, K:0.02. Its decimal value is 16396112.

Hex triplet	fa2f50	`#fa2f50`
RGB Decimal	250, 47, 80	`rgb(250,47,80)`
RGB Percent	98, 18.4, 31.4	`rgb(98%,18.4%,31.4%)`
CMYK	0, 81, 68, 2
HSL	350.2°, 95.3, 58.2	`hsl(350.2,95.3%,58.2%)`
HSV (or HSB)	350.2°, 81.2, 98
Web Safe	ff3366	`#ff3366`

CIE-LAB	55.012, 74.422, 32.77
XYZ	41.891, 22.941, 9.811
xyY	0.561, 0.307, 22.941
CIE-LCH	55.012, 81.317, 23.765
CIE-LUV	55.012, 146.96, 20.492
Hunter-Lab	47.897, 72.296, 21.383
Binary	11111010, 00101111, 01010000

#fa2f50
```
#fa2f50 rgb(250,47,80)
```
#2ffad9
```
#2ffad9 rgb(47,250,217)
```

Complementary Color

#fa2fb6
```
#fa2fb6 rgb(250,47,182)
```
#fa2f50
```
#fa2f50 rgb(250,47,80)
```
#fa742f
```
#fa742f rgb(250,116,47)
```

Analogous Color

#2fb6fa
```
#2fb6fa rgb(47,182,250)
```
#fa2f50
```
#fa2f50 rgb(250,47,80)
```
#2ffa74
```
#2ffa74 rgb(47,250,116)
```

Split Complementary Color

#2f50fa
```
#2f50fa rgb(47,80,250)
```
#fa2f50
```
#fa2f50 rgb(250,47,80)
```
#50fa2f
```
#50fa2f rgb(80,250,47)
```

Triadic Color

#d92ffa
```
#d92ffa rgb(217,47,250)
```
#fa2f50
```
#fa2f50 rgb(250,47,80)
```
#50fa2f
```
#50fa2f rgb(80,250,47)
```
#2ffad9
```
#2ffad9 rgb(47,250,217)
```

Tetradic Color

#d70527
```
#d70527 rgb(215,5,39)
```
#f0062c
```
#f0062c rgb(240,6,44)
```
#f9163b
```
#f9163b rgb(249,22,59)
```
#fa2f50
```
#fa2f50 rgb(250,47,80)
```
#fb4865
```
#fb4865 rgb(251,72,101)
```
#fb617a
```
#fb617a rgb(251,97,122)
```
#fc7a8f
```
#fc7a8f rgb(252,122,143)
```

Monochromatic Color

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

#fa2f83
```
#fa2f83 rgb(250,47,131)
```
#fa2f72
```
#fa2f72 rgb(250,47,114)
```
#fa2f61
```
#fa2f61 rgb(250,47,97)
```
#fa2f50
```
#fa2f50 rgb(250,47,80)
```
#fa2f3f
```
#fa2f3f rgb(250,47,63)
```
#fa302f
```
#fa302f rgb(250,48,47)
```
#fa412f
```
#fa412f rgb(250,65,47)
```

Similar Colors

Text with hexadecimal color #fa2f50

This text has a font color of #fa2f50.

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

#fa2f50 background color

This paragraph has a background color of #fa2f50.

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

#fa2f50 border color

This element has a border color of #fa2f50.

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

CSS codes

.text {color:#fa2f50;}

.background {background-color:#fa2f50;}

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

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

#030000
```
#030000 rgb(3,0,0)
```
#160104
```
#160104 rgb(22,1,4)
```
#290107
```
#290107 rgb(41,1,7)
```
#3c010b
```
#3c010b rgb(60,1,11)
```
#4f020e
```
#4f020e rgb(79,2,14)
```
#620212
```
#620212 rgb(98,2,18)
```
#760315
```
#760315 rgb(118,3,21)
```
#890319
```
#890319 rgb(137,3,25)
```
#9c041c
```
#9c041c rgb(156,4,28)
```
#af0420
```
#af0420 rgb(175,4,32)
```
#c20523
```
#c20523 rgb(194,5,35)
```
#d50527
```
#d50527 rgb(213,5,39)
```
#e9062a
```
#e9062a rgb(233,6,42)
```

Shade Color Variation

#f90930
```
#f90930 rgb(249,9,48)
```
#fa1c40
```
#fa1c40 rgb(250,28,64)
```
#fa2f50
```
#fa2f50 rgb(250,47,80)
```
#fa4260
```
#fa4260 rgb(250,66,96)
```
#fb5570
```
#fb5570 rgb(251,85,112)
```
#fb6880
```
#fb6880 rgb(251,104,128)
```
#fc7c90
```
#fc7c90 rgb(252,124,144)
```
#fc8fa1
```
#fc8fa1 rgb(252,143,161)
```
#fda2b1
```
#fda2b1 rgb(253,162,177)
```
#fdb5c1
```
#fdb5c1 rgb(253,181,193)
```
#fec8d1
```
#fec8d1 rgb(254,200,209)
```
#fedbe1
```
#fedbe1 rgb(254,219,225)
```
#ffeff1
```
#ffeff1 rgb(255,239,241)
```

Tint Color Variation

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

#989192
```
#989192 rgb(152,145,146)
```
#a0898d
```
#a0898d rgb(160,137,141)
```
#a88187
```
#a88187 rgb(168,129,135)
```
#b07982
```
#b07982 rgb(176,121,130)
```
#b8717c
```
#b8717c rgb(184,113,124)
```
#c16877
```
#c16877 rgb(193,104,119)
```
#c96071
```
#c96071 rgb(201,96,113)
```
#d1586c
```
#d1586c rgb(209,88,108)
```
#d95066
```
#d95066 rgb(217,80,102)
```
#e14861
```
#e14861 rgb(225,72,97)
```
#ea3f5b
```
#ea3f5b rgb(234,63,91)
```
#f23756
```
#f23756 rgb(242,55,86)
```
#fa2f50
```
#fa2f50 rgb(250,47,80)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#8b6269 Atypical Achromatopsia 0.001% of the population

Dichromacy

#918973 Protanopia 1% of men
#a8844b Deuteranopia 1% of men
#f93f40 Tritanopia 0.001% of the population

Trichromacy

#b76866 Protanomaly 1% of men, 0.01% of women
#c5654d Deuteranomaly 6% of men, 0.4% of women
#f93945 Tritanomaly 0.01% of the population

#fa2f50 hex color

#fa2f50 Color Information

#fa2f50 Color Conversion

Color Schemes with #fa2f50

Alternatives to #fa2f50

#fa2f50 Preview

Shades and Tints of #fa2f50

Tones of #fa2f50

Color Blindness Simulator