#fa2502 hex color

In a RGB color space, hex #fa2502 is composed of 98% red, 14.5% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.2% magenta, 99.2% yellow and 2% black. It has a hue angle of 8.5 degrees, a saturation of 98.4% and a lightness of 49.4%. #fa2502 color hex could be obtained by blending #ff4a04 with #f50000. Closest websafe color is: #ff3300.

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

● #fa2502 color description : Vivid red.

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

Hex triplet	fa2502	`#fa2502`
RGB Decimal	250, 37, 2	`rgb(250,37,2)`
RGB Percent	98, 14.5, 0.8	`rgb(98%,14.5%,0.8%)`
CMYK	0, 85, 99, 2
HSL	8.5°, 98.4, 49.4	`hsl(8.5,98.4%,49.4%)`
HSV (or HSB)	8.5°, 99.2, 98
Web Safe	ff3300	`#ff3300`

CIE-LAB	53.661, 74.741, 66.247
XYZ	40.099, 21.657, 2.126
xyY	0.628, 0.339, 21.657
CIE-LCH	53.661, 99.874, 41.552
CIE-LUV	53.661, 163.314, 39.458
Hunter-Lab	46.537, 72.367, 29.867
Binary	11111010, 00100101, 00000010

#fa2502
```
#fa2502 rgb(250,37,2)
```
#02d7fa
```
#02d7fa rgb(2,215,250)
```

Complementary Color

#fa025b
```
#fa025b rgb(250,2,91)
```
#fa2502
```
#fa2502 rgb(250,37,2)
```
#faa102
```
#faa102 rgb(250,161,2)
```

Analogous Color

#025bfa
```
#025bfa rgb(2,91,250)
```
#fa2502
```
#fa2502 rgb(250,37,2)
```
#02faa1
```
#02faa1 rgb(2,250,161)
```

Split Complementary Color

#2502fa
```
#2502fa rgb(37,2,250)
```
#fa2502
```
#fa2502 rgb(250,37,2)
```
#02fa25
```
#02fa25 rgb(2,250,37)
```

Triadic Color

#fa02d7
```
#fa02d7 rgb(250,2,215)
```
#fa2502
```
#fa2502 rgb(250,37,2)
```
#02fa25
```
#02fa25 rgb(2,250,37)
```
#02d7fa
```
#02d7fa rgb(2,215,250)
```

Tetradic Color

#ae1a01
```
#ae1a01 rgb(174,26,1)
```
#c71e02
```
#c71e02 rgb(199,30,2)
```
#e12102
```
#e12102 rgb(225,33,2)
```
#fa2502
```
#fa2502 rgb(250,37,2)
```
#fd3918
```
#fd3918 rgb(253,57,24)
```
#fd4e32
```
#fd4e32 rgb(253,78,50)
```
#fe644b
```
#fe644b rgb(254,100,75)
```

Monochromatic Color

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

#fa021d
```
#fa021d rgb(250,2,29)
```
#fa0208
```
#fa0208 rgb(250,2,8)
```
#fa1002
```
#fa1002 rgb(250,16,2)
```
#fa2502
```
#fa2502 rgb(250,37,2)
```
#fa3a02
```
#fa3a02 rgb(250,58,2)
```
#fa4e02
```
#fa4e02 rgb(250,78,2)
```
#fa6302
```
#fa6302 rgb(250,99,2)
```

Similar Colors

Text with hexadecimal color #fa2502

This text has a font color of #fa2502.

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

#fa2502 background color

This paragraph has a background color of #fa2502.

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

#fa2502 border color

This element has a border color of #fa2502.

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

CSS codes

.text {color:#fa2502;}

.background {background-color:#fa2502;}

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

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

#100200
```
#100200 rgb(16,2,0)
```
#240500
```
#240500 rgb(36,5,0)
```
#370800
```
#370800 rgb(55,8,0)
```
#4b0b01
```
#4b0b01 rgb(75,11,1)
```
#5e0e01
```
#5e0e01 rgb(94,14,1)
```
#721101
```
#721101 rgb(114,17,1)
```
#851401
```
#851401 rgb(133,20,1)
```
#991701
```
#991701 rgb(153,23,1)
```
#ac1901
```
#ac1901 rgb(172,25,1)
```
#c01c02
```
#c01c02 rgb(192,28,2)
```
#d31f02
```
#d31f02 rgb(211,31,2)
```
#e72202
```
#e72202 rgb(231,34,2)
```
#fa2502
```
#fa2502 rgb(250,37,2)
```

Shade Color Variation

#fd3413
```
#fd3413 rgb(253,52,19)
```
#fd4426
```
#fd4426 rgb(253,68,38)
```
#fd5539
```
#fd5539 rgb(253,85,57)
```
#fe664d
```
#fe664d rgb(254,102,77)
```
#fe7760
```
#fe7760 rgb(254,119,96)
```
#fe8774
```
#fe8774 rgb(254,135,116)
```
#fe9887
```
#fe9887 rgb(254,152,135)
```
#fea99b
```
#fea99b rgb(254,169,155)
```
#feb9ae
```
#feb9ae rgb(254,185,174)
```
#ffcac2
```
#ffcac2 rgb(255,202,194)
```
#ffdbd5
```
#ffdbd5 rgb(255,219,213)
```
#ffece9
```
#ffece9 rgb(255,236,233)
```
#fffcfc
```
#fffcfc rgb(255,252,252)
```

Tint Color Variation

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

#867876
```
#867876 rgb(134,120,118)
```
#8f726d
```
#8f726d rgb(143,114,109)
```
#996b63
```
#996b63 rgb(153,107,99)
```
#a36459
```
#a36459 rgb(163,100,89)
```
#ac5d50
```
#ac5d50 rgb(172,93,80)
```
#b65646
```
#b65646 rgb(182,86,70)
```
#c04f3c
```
#c04f3c rgb(192,79,60)
```
#ca4832
```
#ca4832 rgb(202,72,50)
```
#d34129
```
#d34129 rgb(211,65,41)
```
#dd3a1f
```
#dd3a1f rgb(221,58,31)
```
#e73315
```
#e73315 rgb(231,51,21)
```
#f02c0c
```
#f02c0c rgb(240,44,12)
```
#fa2502
```
#fa2502 rgb(250,37,2)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#80554e Atypical Achromatopsia 0.001% of the population

Dichromacy

#968723 Protanopia 1% of men
#a88000 Deuteranopia 1% of men
#fa2d2b Tritanopia 0.001% of the population

Trichromacy

#ba6317 Protanomaly 1% of men, 0.01% of women
#c55f00 Deuteranomaly 6% of men, 0.4% of women
#fa2a1c Tritanomaly 0.01% of the population

#fa2502 hex color

#fa2502 Color Information

#fa2502 Color Conversion

Color Schemes with #fa2502

Alternatives to #fa2502

#fa2502 Preview

Shades and Tints of #fa2502

Tones of #fa2502

Color Blindness Simulator