#fa5255 hex color

In a RGB color space, hex #fa5255 is composed of 98% red, 32.2% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.2% magenta, 66% yellow and 2% black. It has a hue angle of 358.9 degrees, a saturation of 94.4% and a lightness of 65.1%. #fa5255 color hex could be obtained by blending #ffa4aa with #f50000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 98
- G 32
- B 33
RGB color chart
- C 0
- M 67
- Y 66
- K 2
CMYK color chart

● #fa5255 color description : Soft red.

The hexadecimal color #fa5255 has RGB values of R:250, G:82, B:85 and CMYK values of C:0, M:0.67, Y:0.66, K:0.02. Its decimal value is 16405077.

Hex triplet	fa5255	`#fa5255`
RGB Decimal	250, 82, 85	`rgb(250,82,85)`
RGB Percent	98, 32.2, 33.3	`rgb(98%,32.2%,33.3%)`
CMYK	0, 67, 66, 2
HSL	358.9°, 94.4, 65.1	`hsl(358.9,94.4%,65.1%)`
HSV (or HSB)	358.9°, 67.2, 98
Web Safe	ff6666	`#ff6666`

CIE-LAB	58.992, 63.791, 34.792
XYZ	44.083, 27.019, 11.488
xyY	0.534, 0.327, 27.019
CIE-LCH	58.992, 72.662, 28.608
CIE-LUV	58.992, 127.77, 26.273
Hunter-Lab	51.98, 60.416, 23.283
Binary	11111010, 01010010, 01010101

#fa5255
```
#fa5255 rgb(250,82,85)
```
#52faf7
```
#52faf7 rgb(82,250,247)
```

Complementary Color

#fa52a9
```
#fa52a9 rgb(250,82,169)
```
#fa5255
```
#fa5255 rgb(250,82,85)
```
#faa352
```
#faa352 rgb(250,163,82)
```

Analogous Color

#52a9fa
```
#52a9fa rgb(82,169,250)
```
#fa5255
```
#fa5255 rgb(250,82,85)
```
#52faa3
```
#52faa3 rgb(82,250,163)
```

Split Complementary Color

#5255fa
```
#5255fa rgb(82,85,250)
```
#fa5255
```
#fa5255 rgb(250,82,85)
```
#55fa52
```
#55fa52 rgb(85,250,82)
```

Triadic Color

#f752fa
```
#f752fa rgb(247,82,250)
```
#fa5255
```
#fa5255 rgb(250,82,85)
```
#55fa52
```
#55fa52 rgb(85,250,82)
```
#52faf7
```
#52faf7 rgb(82,250,247)
```

Tetradic Color

#f8080c
```
#f8080c rgb(248,8,12)
```
#f92024
```
#f92024 rgb(249,32,36)
```
#f9393d
```
#f9393d rgb(249,57,61)
```
#fa5255
```
#fa5255 rgb(250,82,85)
```
#fb6b6d
```
#fb6b6d rgb(251,107,109)
```
#fb8486
```
#fb8486 rgb(251,132,134)
```
#fc9c9e
```
#fc9c9e rgb(252,156,158)
```

Monochromatic Color

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

#fa527f
```
#fa527f rgb(250,82,127)
```
#fa5271
```
#fa5271 rgb(250,82,113)
```
#fa5263
```
#fa5263 rgb(250,82,99)
```
#fa5255
```
#fa5255 rgb(250,82,85)
```
#fa5d52
```
#fa5d52 rgb(250,93,82)
```
#fa6b52
```
#fa6b52 rgb(250,107,82)
```
#fa7952
```
#fa7952 rgb(250,121,82)
```

Similar Colors

Text with hexadecimal color #fa5255

This text has a font color of #fa5255.

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

#fa5255 background color

This paragraph has a background color of #fa5255.

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

#fa5255 border color

This element has a border color of #fa5255.

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

CSS codes

.text {color:#fa5255;}

.background {background-color:#fa5255;}

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

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

#120101
```
#120101 rgb(18,1,1)
```
#250102
```
#250102 rgb(37,1,2)
```
#380203
```
#380203 rgb(56,2,3)
```
#4b0203
```
#4b0203 rgb(75,2,3)
```
#5e0304
```
#5e0304 rgb(94,3,4)
```
#710305
```
#710305 rgb(113,3,5)
```
#840406
```
#840406 rgb(132,4,6)
```
#970407
```
#970407 rgb(151,4,7)
```
#aa0508
```
#aa0508 rgb(170,5,8)
```
#bd0509
```
#bd0509 rgb(189,5,9)
```
#d0060a
```
#d0060a rgb(208,6,10)
```
#e3070b
```
#e3070b rgb(227,7,11)
```
#f6070b
```
#f6070b rgb(246,7,11)
```

Shade Color Variation

#f8191d
```
#f8191d rgb(248,25,29)
```
#f92c30
```
#f92c30 rgb(249,44,48)
```
#f93f42
```
#f93f42 rgb(249,63,66)
```
#fa5255
```
#fa5255 rgb(250,82,85)
```
#fb6568
```
#fb6568 rgb(251,101,104)
```
#fb787a
```
#fb787a rgb(251,120,122)
```
#fc8b8d
```
#fc8b8d rgb(252,139,141)
```
#fc9ea0
```
#fc9ea0 rgb(252,158,160)
```
#fdb1b3
```
#fdb1b3 rgb(253,177,179)
```
#fdc4c5
```
#fdc4c5 rgb(253,196,197)
```
#fed7d8
```
#fed7d8 rgb(254,215,216)
```
#feebeb
```
#feebeb rgb(254,235,235)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#a8a4a4
```
#a8a4a4 rgb(168,164,164)
```
#af9d9e
```
#af9d9e rgb(175,157,158)
```
#b69697
```
#b69697 rgb(182,150,151)
```
#bc9090
```
#bc9090 rgb(188,144,144)
```
#c3898a
```
#c3898a rgb(195,137,138)
```
#ca8283
```
#ca8283 rgb(202,130,131)
```
#d17b7d
```
#d17b7d rgb(209,123,125)
```
#d87476
```
#d87476 rgb(216,116,118)
```
#df6d6f
```
#df6d6f rgb(223,109,111)
```
#e56769
```
#e56769 rgb(229,103,105)
```
#ec6062
```
#ec6062 rgb(236,96,98)
```
#f3595c
```
#f3595c rgb(243,89,92)
```
#fa5255
```
#fa5255 rgb(250,82,85)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#9c7b7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9371 Protanopia 1% of men
#b38d52 Deuteranopia 1% of men
#fa5a5f Tritanopia 0.001% of the population

Trichromacy

#bf7b67 Protanomaly 1% of men, 0.01% of women
#cd7753 Deuteranomaly 6% of men, 0.4% of women
#fa575b Tritanomaly 0.01% of the population

#fa5255 hex color

#fa5255 Color Information

#fa5255 Color Conversion

Color Schemes with #fa5255

Alternatives to #fa5255

#fa5255 Preview

Shades and Tints of #fa5255

Tones of #fa5255

Color Blindness Simulator