#fa2c36 hex color

In a RGB color space, hex #fa2c36 is composed of 98% red, 17.3% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.4% magenta, 78.4% yellow and 2% black. It has a hue angle of 357.1 degrees, a saturation of 95.4% and a lightness of 57.6%. #fa2c36 color hex could be obtained by blending #ff586c with #f50000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 98
- G 17
- B 21
RGB color chart
- C 0
- M 82
- Y 78
- K 2
CMYK color chart

● #fa2c36 color description : Bright red.

The hexadecimal color #fa2c36 has RGB values of R:250, G:44, B:54 and CMYK values of C:0, M:0.82, Y:0.78, K:0.02. Its decimal value is 16395318.

Hex triplet	fa2c36	`#fa2c36`
RGB Decimal	250, 44, 54	`rgb(250,44,54)`
RGB Percent	98, 17.3, 21.2	`rgb(98%,17.3%,21.2%)`
CMYK	0, 82, 78, 2
HSL	357.1°, 95.4, 57.6	`hsl(357.1,95.4%,57.6%)`
HSV (or HSB)	357.1°, 82.4, 98
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.446, 74.125, 46.84
XYZ	40.993, 22.397, 5.654
xyY	0.594, 0.324, 22.397
CIE-LCH	54.446, 87.684, 32.289
CIE-LUV	54.446, 154.602, 30.708
Hunter-Lab	47.325, 71.796, 26.044
Binary	11111010, 00101100, 00110110

#fa2c36
```
#fa2c36 rgb(250,44,54)
```
#2cfaf0
```
#2cfaf0 rgb(44,250,240)
```

Complementary Color

#fa2c9d
```
#fa2c9d rgb(250,44,157)
```
#fa2c36
```
#fa2c36 rgb(250,44,54)
```
#fa892c
```
#fa892c rgb(250,137,44)
```

Analogous Color

#2c9dfa
```
#2c9dfa rgb(44,157,250)
```
#fa2c36
```
#fa2c36 rgb(250,44,54)
```
#2cfa89
```
#2cfa89 rgb(44,250,137)
```

Split Complementary Color

#2c36fa
```
#2c36fa rgb(44,54,250)
```
#fa2c36
```
#fa2c36 rgb(250,44,54)
```
#36fa2c
```
#36fa2c rgb(54,250,44)
```

Triadic Color

#f02cfa
```
#f02cfa rgb(240,44,250)
```
#fa2c36
```
#fa2c36 rgb(250,44,54)
```
#36fa2c
```
#36fa2c rgb(54,250,44)
```
#2cfaf0
```
#2cfaf0 rgb(44,250,240)
```

Tetradic Color

#d4050f
```
#d4050f rgb(212,5,15)
```
#ed0611
```
#ed0611 rgb(237,6,17)
```
#f9131e
```
#f9131e rgb(249,19,30)
```
#fa2c36
```
#fa2c36 rgb(250,44,54)
```
#fb454e
```
#fb454e rgb(251,69,78)
```
#fb5e65
```
#fb5e65 rgb(251,94,101)
```
#fc777d
```
#fc777d rgb(252,119,125)
```

Monochromatic Color

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

#fa2c6a
```
#fa2c6a rgb(250,44,106)
```
#fa2c58
```
#fa2c58 rgb(250,44,88)
```
#fa2c47
```
#fa2c47 rgb(250,44,71)
```
#fa2c36
```
#fa2c36 rgb(250,44,54)
```
#fa332c
```
#fa332c rgb(250,51,44)
```
#fa442c
```
#fa442c rgb(250,68,44)
```
#fa562c
```
#fa562c rgb(250,86,44)
```

Similar Colors

Text with hexadecimal color #fa2c36

This text has a font color of #fa2c36.

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

#fa2c36 background color

This paragraph has a background color of #fa2c36.

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

#fa2c36 border color

This element has a border color of #fa2c36.

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

CSS codes

.text {color:#fa2c36;}

.background {background-color:#fa2c36;}

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

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

#130001
```
#130001 rgb(19,0,1)
```
#260103
```
#260103 rgb(38,1,3)
```
#390104
```
#390104 rgb(57,1,4)
```
#4c0205
```
#4c0205 rgb(76,2,5)
```
#600207
```
#600207 rgb(96,2,7)
```
#730308
```
#730308 rgb(115,3,8)
```
#86030a
```
#86030a rgb(134,3,10)
```
#99040b
```
#99040b rgb(153,4,11)
```
#ac040c
```
#ac040c rgb(172,4,12)
```
#bf050e
```
#bf050e rgb(191,5,14)
```
#d3050f
```
#d3050f rgb(211,5,15)
```
#e60510
```
#e60510 rgb(230,5,16)
```
#f90612
```
#f90612 rgb(249,6,18)
```

Shade Color Variation

#fa1924
```
#fa1924 rgb(250,25,36)
```
#fa2c36
```
#fa2c36 rgb(250,44,54)
```
#fa3f48
```
#fa3f48 rgb(250,63,72)
```
#fb525b
```
#fb525b rgb(251,82,91)
```
#fb656d
```
#fb656d rgb(251,101,109)
```
#fc797f
```
#fc797f rgb(252,121,127)
```
#fc8c91
```
#fc8c91 rgb(252,140,145)
```
#fd9fa4
```
#fd9fa4 rgb(253,159,164)
```
#fdb2b6
```
#fdb2b6 rgb(253,178,182)
```
#fec5c8
```
#fec5c8 rgb(254,197,200)
```
#fed8da
```
#fed8da rgb(254,216,218)
```
#ffeced
```
#ffeced rgb(255,236,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#969090
```
#969090 rgb(150,144,144)
```
#9f8789
```
#9f8789 rgb(159,135,137)
```
#a77f81
```
#a77f81 rgb(167,127,129)
```
#af777a
```
#af777a rgb(175,119,122)
```
#b86e72
```
#b86e72 rgb(184,110,114)
```
#c0666b
```
#c0666b rgb(192,102,107)
```
#c85e63
```
#c85e63 rgb(200,94,99)
```
#d0565c
```
#d0565c rgb(208,86,92)
```
#d94d54
```
#d94d54 rgb(217,77,84)
```
#e1454d
```
#e1454d rgb(225,69,77)
```
#e93d45
```
#e93d45 rgb(233,61,69)
```
#f2343e
```
#f2343e rgb(242,52,62)
```
#fa2c36
```
#fa2c36 rgb(250,44,54)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#885e60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#948856 Protanopia 1% of men
#a9822f Deuteranopia 1% of men
#fa3838 Tritanopia 0.001% of the population

Trichromacy

#b9664a Protanomaly 1% of men, 0.01% of women
#c66231 Deuteranomaly 6% of men, 0.4% of women
#fa3337 Tritanomaly 0.01% of the population

#fa2c36 hex color

#fa2c36 Color Information

#fa2c36 Color Conversion

Color Schemes with #fa2c36

Alternatives to #fa2c36

#fa2c36 Preview

Shades and Tints of #fa2c36

Tones of #fa2c36

Color Blindness Simulator