#fa5f42 hex color

In a RGB color space, hex #fa5f42 is composed of 98% red, 37.3% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62% magenta, 73.6% yellow and 2% black. It has a hue angle of 9.5 degrees, a saturation of 94.8% and a lightness of 62%. #fa5f42 color hex could be obtained by blending #ffbe84 with #f50000. Closest websafe color is: #ff6633.

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

● #fa5f42 color description : Bright red.

The hexadecimal color #fa5f42 has RGB values of R:250, G:95, B:66 and CMYK values of C:0, M:0.62, Y:0.74, K:0.02. Its decimal value is 16408386.

Hex triplet	fa5f42	`#fa5f42`
RGB Decimal	250, 95, 66	`rgb(250,95,66)`
RGB Percent	98, 37.3, 25.9	`rgb(98%,37.3%,25.9%)`
CMYK	0, 62, 74, 2
HSL	9.5°, 94.8, 62	`hsl(9.5,94.8%,62%)`
HSV (or HSB)	9.5°, 73.6, 98
Web Safe	ff6633	`#ff6633`

CIE-LAB	60.699, 57.655, 47.132
XYZ	44.502, 28.907, 8.39
xyY	0.544, 0.353, 28.907
CIE-LCH	60.699, 74.469, 39.266
CIE-LUV	60.699, 122.988, 38.35
Hunter-Lab	53.765, 53.658, 28.383
Binary	11111010, 01011111, 01000010

#fa5f42
```
#fa5f42 rgb(250,95,66)
```
#42ddfa
```
#42ddfa rgb(66,221,250)
```

Complementary Color

#fa4281
```
#fa4281 rgb(250,66,129)
```
#fa5f42
```
#fa5f42 rgb(250,95,66)
```
#fabb42
```
#fabb42 rgb(250,187,66)
```

Analogous Color

#4281fa
```
#4281fa rgb(66,129,250)
```
#fa5f42
```
#fa5f42 rgb(250,95,66)
```
#42fabb
```
#42fabb rgb(66,250,187)
```

Split Complementary Color

#5f42fa
```
#5f42fa rgb(95,66,250)
```
#fa5f42
```
#fa5f42 rgb(250,95,66)
```
#42fa5f
```
#42fa5f rgb(66,250,95)
```

Triadic Color

#fa42dd
```
#fa42dd rgb(250,66,221)
```
#fa5f42
```
#fa5f42 rgb(250,95,66)
```
#42fa5f
```
#42fa5f rgb(66,250,95)
```
#42ddfa
```
#42ddfa rgb(66,221,250)
```

Tetradic Color

#e92a06
```
#e92a06 rgb(233,42,6)
```
#f93510
```
#f93510 rgb(249,53,16)
```
#f94a29
```
#f94a29 rgb(249,74,41)
```
#fa5f42
```
#fa5f42 rgb(250,95,66)
```
#fb745b
```
#fb745b rgb(251,116,91)
```
#fb8974
```
#fb8974 rgb(251,137,116)
```
#fc9e8d
```
#fc9e8d rgb(252,158,141)
```

Monochromatic Color

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

#fa4253
```
#fa4253 rgb(250,66,83)
```
#fa4244
```
#fa4244 rgb(250,66,68)
```
#fa5042
```
#fa5042 rgb(250,80,66)
```
#fa5f42
```
#fa5f42 rgb(250,95,66)
```
#fa6e42
```
#fa6e42 rgb(250,110,66)
```
#fa7e42
```
#fa7e42 rgb(250,126,66)
```
#fa8d42
```
#fa8d42 rgb(250,141,66)
```

Similar Colors

Text with hexadecimal color #fa5f42

This text has a font color of #fa5f42.

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

#fa5f42 background color

This paragraph has a background color of #fa5f42.

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

#fa5f42 border color

This element has a border color of #fa5f42.

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

CSS codes

.text {color:#fa5f42;}

.background {background-color:#fa5f42;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#150401
```
#150401 rgb(21,4,1)
```
#280701
```
#280701 rgb(40,7,1)
```
#3b0b02
```
#3b0b02 rgb(59,11,2)
```
#4f0e02
```
#4f0e02 rgb(79,14,2)
```
#621203
```
#621203 rgb(98,18,3)
```
#751503
```
#751503 rgb(117,21,3)
```
#881804
```
#881804 rgb(136,24,4)
```
#9b1c04
```
#9b1c04 rgb(155,28,4)
```
#ae1f05
```
#ae1f05 rgb(174,31,5)
```
#c12305
```
#c12305 rgb(193,35,5)
```
#d42606
```
#d42606 rgb(212,38,6)
```
#e72a06
```
#e72a06 rgb(231,42,6)
```

Shade Color Variation

#f82e09
```
#f82e09 rgb(248,46,9)
```
#f93f1c
```
#f93f1c rgb(249,63,28)
```
#f94f2f
```
#f94f2f rgb(249,79,47)
```
#fa5f42
```
#fa5f42 rgb(250,95,66)
```
#fb6f55
```
#fb6f55 rgb(251,111,85)
```
#fb7f68
```
#fb7f68 rgb(251,127,104)
```
#fc907b
```
#fc907b rgb(252,144,123)
```
#fca08e
```
#fca08e rgb(252,160,142)
```
#fdb0a2
```
#fdb0a2 rgb(253,176,162)
```
#fdc0b5
```
#fdc0b5 rgb(253,192,181)
```
#fed0c8
```
#fed0c8 rgb(254,208,200)
```
#fee0db
```
#fee0db rgb(254,224,219)
```
#fff1ee
```
#fff1ee rgb(255,241,238)
```

Tint Color Variation

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

#a09c9c
```
#a09c9c rgb(160,156,156)
```
#a89794
```
#a89794 rgb(168,151,148)
```
#af928d
```
#af928d rgb(175,146,141)
```
#b78d85
```
#b78d85 rgb(183,141,133)
```
#be887e
```
#be887e rgb(190,136,126)
```
#c68376
```
#c68376 rgb(198,131,118)
```
#cd7e6f
```
#cd7e6f rgb(205,126,111)
```
#d57967
```
#d57967 rgb(213,121,103)
```
#dc7360
```
#dc7360 rgb(220,115,96)
```
#e46e58
```
#e46e58 rgb(228,110,88)
```
#eb6951
```
#eb6951 rgb(235,105,81)
```
#f36449
```
#f36449 rgb(243,100,73)
```
#fa5f42
```
#fa5f42 rgb(250,95,66)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#a0817c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6985a Protanopia 1% of men
#bb9140 Deuteranopia 1% of men
#fb6368 Tritanopia 0.001% of the population

Trichromacy

#c48351 Protanomaly 1% of men, 0.01% of women
#d27e41 Deuteranomaly 6% of men, 0.4% of women
#fa615a Tritanomaly 0.01% of the population

#fa5f42 hex color

#fa5f42 Color Information

#fa5f42 Color Conversion

Color Schemes with #fa5f42

Alternatives to #fa5f42

#fa5f42 Preview

Shades and Tints of #fa5f42

Tones of #fa5f42

Color Blindness Simulator