#fa302a hex color

In a RGB color space, hex #fa302a is composed of 98% red, 18.8% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.8% magenta, 83.2% yellow and 2% black. It has a hue angle of 1.7 degrees, a saturation of 95.4% and a lightness of 57.3%. #fa302a color hex could be obtained by blending #ff6054 with #f50000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 98
- G 19
- B 16
RGB color chart
- C 0
- M 81
- Y 83
- K 2
CMYK color chart

● #fa302a color description : Bright red.

The hexadecimal color #fa302a has RGB values of R:250, G:48, B:42 and CMYK values of C:0, M:0.81, Y:0.83, K:0.02. Its decimal value is 16396330.

Hex triplet	fa302a	`#fa302a`
RGB Decimal	250, 48, 42	`rgb(250,48,42)`
RGB Percent	98, 18.8, 16.5	`rgb(98%,18.8%,16.5%)`
CMYK	0, 81, 83, 2
HSL	1.7°, 95.4, 57.3	`hsl(1.7,95.4%,57.3%)`
HSV (or HSB)	1.7°, 83.2, 98
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.669, 72.882, 53.205
XYZ	40.901, 22.61, 4.401
xyY	0.602, 0.333, 22.61
CIE-LCH	54.669, 90.236, 36.13
CIE-LUV	54.669, 155.063, 34.906
Hunter-Lab	47.55, 70.328, 27.798
Binary	11111010, 00110000, 00101010

#fa302a
```
#fa302a rgb(250,48,42)
```
#2af4fa
```
#2af4fa rgb(42,244,250)
```

Complementary Color

#fa2a8c
```
#fa2a8c rgb(250,42,140)
```
#fa302a
```
#fa302a rgb(250,48,42)
```
#fa982a
```
#fa982a rgb(250,152,42)
```

Analogous Color

#2a8cfa
```
#2a8cfa rgb(42,140,250)
```
#fa302a
```
#fa302a rgb(250,48,42)
```
#2afa98
```
#2afa98 rgb(42,250,152)
```

Split Complementary Color

#302afa
```
#302afa rgb(48,42,250)
```
#fa302a
```
#fa302a rgb(250,48,42)
```
#2afa30
```
#2afa30 rgb(42,250,48)
```

Triadic Color

#fa2af4
```
#fa2af4 rgb(250,42,244)
```
#fa302a
```
#fa302a rgb(250,48,42)
```
#2afa30
```
#2afa30 rgb(42,250,48)
```
#2af4fa
```
#2af4fa rgb(42,244,250)
```

Tetradic Color

#d30b05
```
#d30b05 rgb(211,11,5)
```
#eb0c06
```
#eb0c06 rgb(235,12,6)
```
#f91811
```
#f91811 rgb(249,24,17)
```
#fa302a
```
#fa302a rgb(250,48,42)
```
#fb4843
```
#fb4843 rgb(251,72,67)
```
#fb605c
```
#fb605c rgb(251,96,92)
```
#fc7975
```
#fc7975 rgb(252,121,117)
```

Monochromatic Color

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

#fa2a58
```
#fa2a58 rgb(250,42,88)
```
#fa2a47
```
#fa2a47 rgb(250,42,71)
```
#fa2a35
```
#fa2a35 rgb(250,42,53)
```
#fa302a
```
#fa302a rgb(250,48,42)
```
#fa412a
```
#fa412a rgb(250,65,42)
```
#fa532a
```
#fa532a rgb(250,83,42)
```
#fa642a
```
#fa642a rgb(250,100,42)
```

Similar Colors

Text with hexadecimal color #fa302a

This text has a font color of #fa302a.

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

#fa302a background color

This paragraph has a background color of #fa302a.

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

#fa302a border color

This element has a border color of #fa302a.

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

CSS codes

.text {color:#fa302a;}

.background {background-color:#fa302a;}

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

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

#110100
```
#110100 rgb(17,1,0)
```
#240201
```
#240201 rgb(36,2,1)
```
#370301
```
#370301 rgb(55,3,1)
```
#4a0402
```
#4a0402 rgb(74,4,2)
```
#5e0502
```
#5e0502 rgb(94,5,2)
```
#710603
```
#710603 rgb(113,6,3)
```
#840703
```
#840703 rgb(132,7,3)
```
#970804
```
#970804 rgb(151,8,4)
```
#aa0904
```
#aa0904 rgb(170,9,4)
```
#bd0a04
```
#bd0a04 rgb(189,10,4)
```
#d10b05
```
#d10b05 rgb(209,11,5)
```
#e40c05
```
#e40c05 rgb(228,12,5)
```
#f70d06
```
#f70d06 rgb(247,13,6)
```

Shade Color Variation

#fa1d17
```
#fa1d17 rgb(250,29,23)
```
#fa302a
```
#fa302a rgb(250,48,42)
```
#fa433d
```
#fa433d rgb(250,67,61)
```
#fb5550
```
#fb5550 rgb(251,85,80)
```
#fb6863
```
#fb6863 rgb(251,104,99)
```
#fc7b77
```
#fc7b77 rgb(252,123,119)
```
#fc8d8a
```
#fc8d8a rgb(252,141,138)
```
#fda09d
```
#fda09d rgb(253,160,157)
```
#fdb2b0
```
#fdb2b0 rgb(253,178,176)
```
#fec5c3
```
#fec5c3 rgb(254,197,195)
```
#fed8d6
```
#fed8d6 rgb(254,216,214)
```
#feeaea
```
#feeaea rgb(254,234,234)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#958f8f
```
#958f8f rgb(149,143,143)
```
#9e8786
```
#9e8786 rgb(158,135,134)
```
#a67f7e
```
#a67f7e rgb(166,127,126)
```
#af7775
```
#af7775 rgb(175,119,117)
```
#b76f6d
```
#b76f6d rgb(183,111,109)
```
#bf6765
```
#bf6765 rgb(191,103,101)
```
#c85f5c
```
#c85f5c rgb(200,95,92)
```
#d05854
```
#d05854 rgb(208,88,84)
```
#d8504c
```
#d8504c rgb(216,80,76)
```
#e14843
```
#e14843 rgb(225,72,67)
```
#e9403b
```
#e9403b rgb(233,64,59)
```
#f23832
```
#f23832 rgb(242,56,50)
```
#fa302a
```
#fa302a rgb(250,48,42)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#88605f Atypical Achromatopsia 0.001% of the population

Dichromacy

#978948 Protanopia 1% of men
#ab821f Deuteranopia 1% of men
#fa3a3a Tritanopia 0.001% of the population

Trichromacy

#bb683d Protanomaly 1% of men, 0.01% of women
#c76423 Deuteranomaly 6% of men, 0.4% of women
#fa3634 Tritanomaly 0.01% of the population

#fa302a hex color

#fa302a Color Information

#fa302a Color Conversion

Color Schemes with #fa302a

Alternatives to #fa302a

#fa302a Preview

Shades and Tints of #fa302a

Tones of #fa302a

Color Blindness Simulator