#fa5f2c hex color

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

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

● #fa5f2c color description : Bright red.

The hexadecimal color #fa5f2c has RGB values of R:250, G:95, B:44 and CMYK values of C:0, M:0.62, Y:0.82, K:0.02. Its decimal value is 16408364.

Hex triplet	fa5f2c	`#fa5f2c`
RGB Decimal	250, 95, 44	`rgb(250,95,44)`
RGB Percent	98, 37.3, 17.3	`rgb(98%,37.3%,17.3%)`
CMYK	0, 62, 82, 2
HSL	14.9°, 95.4, 57.6	`hsl(14.9,95.4%,57.6%)`
HSV (or HSB)	14.9°, 82.4, 98
Web Safe	ff6633	`#ff6633`

CIE-LAB	60.512, 56.92, 57.513
XYZ	43.973, 28.695, 5.606
xyY	0.562, 0.367, 28.695
CIE-LCH	60.512, 80.917, 45.297
CIE-LUV	60.512, 126.049, 45.162
Hunter-Lab	53.568, 52.785, 31.293
Binary	11111010, 01011111, 00101100

#fa5f2c
```
#fa5f2c rgb(250,95,44)
```
#2cc7fa
```
#2cc7fa rgb(44,199,250)
```

Complementary Color

#fa2c60
```
#fa2c60 rgb(250,44,96)
```
#fa5f2c
```
#fa5f2c rgb(250,95,44)
```
#fac62c
```
#fac62c rgb(250,198,44)
```

Analogous Color

#2c60fa
```
#2c60fa rgb(44,96,250)
```
#fa5f2c
```
#fa5f2c rgb(250,95,44)
```
#2cfac6
```
#2cfac6 rgb(44,250,198)
```

Split Complementary Color

#5f2cfa
```
#5f2cfa rgb(95,44,250)
```
#fa5f2c
```
#fa5f2c rgb(250,95,44)
```
#2cfa5f
```
#2cfa5f rgb(44,250,95)
```

Triadic Color

#fa2cc7
```
#fa2cc7 rgb(250,44,199)
```
#fa5f2c
```
#fa5f2c rgb(250,95,44)
```
#2cfa5f
```
#2cfa5f rgb(44,250,95)
```
#2cc7fa
```
#2cc7fa rgb(44,199,250)
```

Tetradic Color

#d43805
```
#d43805 rgb(212,56,5)
```
#ed3f06
```
#ed3f06 rgb(237,63,6)
```
#f94c13
```
#f94c13 rgb(249,76,19)
```
#fa5f2c
```
#fa5f2c rgb(250,95,44)
```
#fb7245
```
#fb7245 rgb(251,114,69)
```
#fb855e
```
#fb855e rgb(251,133,94)
```
#fc9877
```
#fc9877 rgb(252,152,119)
```

Monochromatic Color

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

#fa2c2c
```
#fa2c2c rgb(250,44,44)
```
#fa3d2c
```
#fa3d2c rgb(250,61,44)
```
#fa4e2c
```
#fa4e2c rgb(250,78,44)
```
#fa5f2c
```
#fa5f2c rgb(250,95,44)
```
#fa702c
```
#fa702c rgb(250,112,44)
```
#fa812c
```
#fa812c rgb(250,129,44)
```
#fa932c
```
#fa932c rgb(250,147,44)
```

Similar Colors

Text with hexadecimal color #fa5f2c

This text has a font color of #fa5f2c.

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

#fa5f2c background color

This paragraph has a background color of #fa5f2c.

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

#fa5f2c border color

This element has a border color of #fa5f2c.

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

CSS codes

.text {color:#fa5f2c;}

.background {background-color:#fa5f2c;}

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

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

#130500
```
#130500 rgb(19,5,0)
```
#260a01
```
#260a01 rgb(38,10,1)
```
#390f01
```
#390f01 rgb(57,15,1)
```
#4c1402
```
#4c1402 rgb(76,20,2)
```
#601902
```
#601902 rgb(96,25,2)
```
#731e03
```
#731e03 rgb(115,30,3)
```
#862403
```
#862403 rgb(134,36,3)
```
#992904
```
#992904 rgb(153,41,4)
```
#ac2e04
```
#ac2e04 rgb(172,46,4)
```
#bf3305
```
#bf3305 rgb(191,51,5)
```
#d33805
```
#d33805 rgb(211,56,5)
```
#e63d05
```
#e63d05 rgb(230,61,5)
```
#f94206
```
#f94206 rgb(249,66,6)
```

Shade Color Variation

#fa5019
```
#fa5019 rgb(250,80,25)
```
#fa5f2c
```
#fa5f2c rgb(250,95,44)
```
#fa6e3f
```
#fa6e3f rgb(250,110,63)
```
#fb7c52
```
#fb7c52 rgb(251,124,82)
```
#fb8b65
```
#fb8b65 rgb(251,139,101)
```
#fc9979
```
#fc9979 rgb(252,153,121)
```
#fca88c
```
#fca88c rgb(252,168,140)
```
#fdb69f
```
#fdb69f rgb(253,182,159)
```
#fdc5b2
```
#fdc5b2 rgb(253,197,178)
```
#fed3c5
```
#fed3c5 rgb(254,211,197)
```
#fee2d8
```
#fee2d8 rgb(254,226,216)
```
#fff0ec
```
#fff0ec rgb(255,240,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#969190
```
#969190 rgb(150,145,144)
```
#9f8d87
```
#9f8d87 rgb(159,141,135)
```
#a7897f
```
#a7897f rgb(167,137,127)
```
#af8577
```
#af8577 rgb(175,133,119)
```
#b8816e
```
#b8816e rgb(184,129,110)
```
#c07c66
```
#c07c66 rgb(192,124,102)
```
#c8785e
```
#c8785e rgb(200,120,94)
```
#d07456
```
#d07456 rgb(208,116,86)
```
#d9704d
```
#d9704d rgb(217,112,77)
```
#e16c45
```
#e16c45 rgb(225,108,69)
```
#e9673d
```
#e9673d rgb(233,103,61)
```
#f26334
```
#f26334 rgb(242,99,52)
```
#fa5f2c
```
#fa5f2c rgb(250,95,44)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#9f8076 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a79743 Protanopia 1% of men
#bc9027 Deuteranopia 1% of men
#fb6267 Tritanopia 0.001% of the population

Trichromacy

#c5833b Protanomaly 1% of men, 0.01% of women
#d37e28 Deuteranomaly 6% of men, 0.4% of women
#fb6051 Tritanomaly 0.01% of the population

#fa5f2c hex color

#fa5f2c Color Information

#fa5f2c Color Conversion

Color Schemes with #fa5f2c

Alternatives to #fa5f2c

#fa5f2c Preview

Shades and Tints of #fa5f2c

Tones of #fa5f2c

Color Blindness Simulator