#fa2525 hex color

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

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

● #fa2525 color description : Vivid red.

The hexadecimal color #fa2525 has RGB values of R:250, G:37, B:37 and CMYK values of C:0, M:0.85, Y:0.85, K:0.02. Its decimal value is 16393509.

Hex triplet	fa2525	`#fa2525`
RGB Decimal	250, 37, 37	`rgb(250,37,37)`
RGB Percent	98, 14.5, 14.5	`rgb(98%,14.5%,14.5%)`
CMYK	0, 85, 85, 2
HSL	0°, 95.5, 56.3	`hsl(0,95.5%,56.3%)`
HSV (or HSB)	0°, 85.2, 98
Web Safe	ff3333	`#ff3333`

CIE-LAB	53.799, 75.149, 54.83
XYZ	40.422, 21.786, 3.827
xyY	0.612, 0.33, 21.786
CIE-LCH	53.799, 93.025, 36.115
CIE-LUV	53.799, 160.247, 34.57
Hunter-Lab	46.675, 72.903, 27.812
Binary	11111010, 00100101, 00100101

#fa2525
```
#fa2525 rgb(250,37,37)
```
#25fafa
```
#25fafa rgb(37,250,250)
```

Complementary Color

#fa2590
```
#fa2590 rgb(250,37,144)
```
#fa2525
```
#fa2525 rgb(250,37,37)
```
#fa9025
```
#fa9025 rgb(250,144,37)
```

Analogous Color

#2590fa
```
#2590fa rgb(37,144,250)
```
#fa2525
```
#fa2525 rgb(250,37,37)
```
#25fa90
```
#25fa90 rgb(37,250,144)
```

Split Complementary Color

#2525fa
```
#2525fa rgb(37,37,250)
```
#fa2525
```
#fa2525 rgb(250,37,37)
```
#25fa25
```
#25fa25 rgb(37,250,37)
```

Triadic Color

#fa25fa
```
#fa25fa rgb(250,37,250)
```
#fa2525
```
#fa2525 rgb(250,37,37)
```
#25fa25
```
#25fa25 rgb(37,250,37)
```
#25fafa
```
#25fafa rgb(37,250,250)
```

Tetradic Color

#ce0505
```
#ce0505 rgb(206,5,5)
```
#e70505
```
#e70505 rgb(231,5,5)
```
#f90c0c
```
#f90c0c rgb(249,12,12)
```
#fa2525
```
#fa2525 rgb(250,37,37)
```
#fb3e3e
```
#fb3e3e rgb(251,62,62)
```
#fb5757
```
#fb5757 rgb(251,87,87)
```
#fc7070
```
#fc7070 rgb(252,112,112)
```

Monochromatic Color

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

#fa255a
```
#fa255a rgb(250,37,90)
```
#fa2549
```
#fa2549 rgb(250,37,73)
```
#fa2537
```
#fa2537 rgb(250,37,55)
```
#fa2525
```
#fa2525 rgb(250,37,37)
```
#fa3725
```
#fa3725 rgb(250,55,37)
```
#fa4925
```
#fa4925 rgb(250,73,37)
```
#fa5a25
```
#fa5a25 rgb(250,90,37)
```

Similar Colors

Text with hexadecimal color #fa2525

This text has a font color of #fa2525.

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

#fa2525 background color

This paragraph has a background color of #fa2525.

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

#fa2525 border color

This element has a border color of #fa2525.

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

CSS codes

.text {color:#fa2525;}

.background {background-color:#fa2525;}

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

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

#0c0000
```
#0c0000 rgb(12,0,0)
```
#1f0101
```
#1f0101 rgb(31,1,1)
```
#320101
```
#320101 rgb(50,1,1)
```
#460202
```
#460202 rgb(70,2,2)
```
#590202
```
#590202 rgb(89,2,2)
```
#6c0202
```
#6c0202 rgb(108,2,2)
```
#7f0303
```
#7f0303 rgb(127,3,3)
```
#920303
```
#920303 rgb(146,3,3)
```
#a60404
```
#a60404 rgb(166,4,4)
```
#b90404
```
#b90404 rgb(185,4,4)
```
#cc0505
```
#cc0505 rgb(204,5,5)
```
#df0505
```
#df0505 rgb(223,5,5)
```
#f20606
```
#f20606 rgb(242,6,6)
```

Shade Color Variation

#fa1212
```
#fa1212 rgb(250,18,18)
```
#fa2525
```
#fa2525 rgb(250,37,37)
```
#fa3838
```
#fa3838 rgb(250,56,56)
```
#fb4b4b
```
#fb4b4b rgb(251,75,75)
```
#fb5f5f
```
#fb5f5f rgb(251,95,95)
```
#fc7272
```
#fc7272 rgb(252,114,114)
```
#fc8585
```
#fc8585 rgb(252,133,133)
```
#fd9898
```
#fd9898 rgb(253,152,152)
```
#fdabab
```
#fdabab rgb(253,171,171)
```
#febebe
```
#febebe rgb(254,190,190)
```
#fed2d2
```
#fed2d2 rgb(254,210,210)
```
#fee5e5
```
#fee5e5 rgb(254,229,229)
```
#fff8f8
```
#fff8f8 rgb(255,248,248)
```

Tint Color Variation

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

#938c8c
```
#938c8c rgb(147,140,140)
```
#9c8383
```
#9c8383 rgb(156,131,131)
```
#a47b7b
```
#a47b7b rgb(164,123,123)
```
#ad7272
```
#ad7272 rgb(173,114,114)
```
#b56a6a
```
#b56a6a rgb(181,106,106)
```
#be6161
```
#be6161 rgb(190,97,97)
```
#c75858
```
#c75858 rgb(199,88,88)
```
#cf5050
```
#cf5050 rgb(207,80,80)
```
#d84747
```
#d84747 rgb(216,71,71)
```
#e03f3f
```
#e03f3f rgb(224,63,63)
```
#e93636
```
#e93636 rgb(233,54,54)
```
#f12e2e
```
#f12e2e rgb(241,46,46)
```
#fa2525
```
#fa2525 rgb(250,37,37)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#835858 Atypical Achromatopsia 0.001% of the population

Dichromacy

#958744 Protanopia 1% of men
#a98013 Deuteranopia 1% of men
#fa302e Tritanopia 0.001% of the population

Trichromacy

#b96338 Protanomaly 1% of men, 0.01% of women
#c65f1a Deuteranomaly 6% of men, 0.4% of women
#fa2c2b Tritanomaly 0.01% of the population

#fa2525 hex color

#fa2525 Color Information

#fa2525 Color Conversion

Color Schemes with #fa2525

Alternatives to #fa2525

#fa2525 Preview

Shades and Tints of #fa2525

Tones of #fa2525

Color Blindness Simulator