#fa5542 hex color

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

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

● #fa5542 color description : Bright red.

The hexadecimal color #fa5542 has RGB values of R:250, G:85, B:66 and CMYK values of C:0, M:0.66, Y:0.74, K:0.02. Its decimal value is 16405826.

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

CIE-LAB	59.177, 61.748, 45.469
XYZ	43.658, 27.219, 8.109
xyY	0.553, 0.345, 27.219
CIE-LCH	59.177, 76.683, 36.367
CIE-LUV	59.177, 129.876, 35.401
Hunter-Lab	52.172, 58.07, 27.305
Binary	11111010, 01010101, 01000010

#fa5542
```
#fa5542 rgb(250,85,66)
```
#42e7fa
```
#42e7fa rgb(66,231,250)
```

Complementary Color

#fa428b
```
#fa428b rgb(250,66,139)
```
#fa5542
```
#fa5542 rgb(250,85,66)
```
#fab142
```
#fab142 rgb(250,177,66)
```

Analogous Color

#428bfa
```
#428bfa rgb(66,139,250)
```
#fa5542
```
#fa5542 rgb(250,85,66)
```
#42fab1
```
#42fab1 rgb(66,250,177)
```

Split Complementary Color

#5542fa
```
#5542fa rgb(85,66,250)
```
#fa5542
```
#fa5542 rgb(250,85,66)
```
#42fa55
```
#42fa55 rgb(66,250,85)
```

Triadic Color

#fa42e7
```
#fa42e7 rgb(250,66,231)
```
#fa5542
```
#fa5542 rgb(250,85,66)
```
#42fa55
```
#42fa55 rgb(66,250,85)
```
#42e7fa
```
#42e7fa rgb(66,231,250)
```

Tetradic Color

#e91e06
```
#e91e06 rgb(233,30,6)
```
#f92810
```
#f92810 rgb(249,40,16)
```
#f93f29
```
#f93f29 rgb(249,63,41)
```
#fa5542
```
#fa5542 rgb(250,85,66)
```
#fb6b5b
```
#fb6b5b rgb(251,107,91)
```
#fb8274
```
#fb8274 rgb(251,130,116)
```
#fc988d
```
#fc988d rgb(252,152,141)
```

Monochromatic Color

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

#fa425d
```
#fa425d rgb(250,66,93)
```
#fa424e
```
#fa424e rgb(250,66,78)
```
#fa4642
```
#fa4642 rgb(250,70,66)
```
#fa5542
```
#fa5542 rgb(250,85,66)
```
#fa6442
```
#fa6442 rgb(250,100,66)
```
#fa7442
```
#fa7442 rgb(250,116,66)
```
#fa8342
```
#fa8342 rgb(250,131,66)
```

Similar Colors

Text with hexadecimal color #fa5542

This text has a font color of #fa5542.

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

#fa5542 background color

This paragraph has a background color of #fa5542.

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

#fa5542 border color

This element has a border color of #fa5542.

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

CSS codes

.text {color:#fa5542;}

.background {background-color:#fa5542;}

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

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 #fff0ee is the lightest one.

#020000
```
#020000 rgb(2,0,0)
```
#150301
```
#150301 rgb(21,3,1)
```
#280501
```
#280501 rgb(40,5,1)
```
#3b0802
```
#3b0802 rgb(59,8,2)
```
#4f0a02
```
#4f0a02 rgb(79,10,2)
```
#620c03
```
#620c03 rgb(98,12,3)
```
#750f03
```
#750f03 rgb(117,15,3)
```
#881104
```
#881104 rgb(136,17,4)
```
#9b1404
```
#9b1404 rgb(155,20,4)
```
#ae1605
```
#ae1605 rgb(174,22,5)
```
#c11905
```
#c11905 rgb(193,25,5)
```
#d41b06
```
#d41b06 rgb(212,27,6)
```
#e71d06
```
#e71d06 rgb(231,29,6)
```

Shade Color Variation

#f82109
```
#f82109 rgb(248,33,9)
```
#f9331c
```
#f9331c rgb(249,51,28)
```
#f9442f
```
#f9442f rgb(249,68,47)
```
#fa5542
```
#fa5542 rgb(250,85,66)
```
#fb6655
```
#fb6655 rgb(251,102,85)
```
#fb7768
```
#fb7768 rgb(251,119,104)
```
#fc897b
```
#fc897b rgb(252,137,123)
```
#fc9a8e
```
#fc9a8e rgb(252,154,142)
```
#fdaba2
```
#fdaba2 rgb(253,171,162)
```
#fdbcb5
```
#fdbcb5 rgb(253,188,181)
```
#fecdc8
```
#fecdc8 rgb(254,205,200)
```
#fedfdb
```
#fedfdb rgb(254,223,219)
```
#fff0ee
```
#fff0ee rgb(255,240,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 #fa5542 is the most saturated one.

#a09c9c
```
#a09c9c rgb(160,156,156)
```
#a89694
```
#a89694 rgb(168,150,148)
```
#af908d
```
#af908d rgb(175,144,141)
```
#b78a85
```
#b78a85 rgb(183,138,133)
```
#be847e
```
#be847e rgb(190,132,126)
```
#c67e76
```
#c67e76 rgb(198,126,118)
```
#cd796f
```
#cd796f rgb(205,121,111)
```
#d57367
```
#d57367 rgb(213,115,103)
```
#dc6d60
```
#dc6d60 rgb(220,109,96)
```
#e46758
```
#e46758 rgb(228,103,88)
```
#eb6151
```
#eb6151 rgb(235,97,81)
```
#f35b49
```
#f35b49 rgb(243,91,73)
```
#fa5542
```
#fa5542 rgb(250,85,66)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#9c7b77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1945c Protanopia 1% of men
#b68d3f Deuteranopia 1% of men
#fb5b5f Tritanopia 0.001% of the population

Trichromacy

#c17d52 Protanomaly 1% of men, 0.01% of women
#cf7840 Deuteranomaly 6% of men, 0.4% of women
#fa5854 Tritanomaly 0.01% of the population

#fa5542 hex color

#fa5542 Color Information

#fa5542 Color Conversion

Color Schemes with #fa5542

Alternatives to #fa5542

#fa5542 Preview

Shades and Tints of #fa5542

Tones of #fa5542

Color Blindness Simulator