#fb5a42 hex color

In a RGB color space, hex #fb5a42 is composed of 98.4% red, 35.3% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.1% magenta, 73.7% yellow and 1.6% black. It has a hue angle of 7.8 degrees, a saturation of 95.9% and a lightness of 62.2%. #fb5a42 color hex could be obtained by blending #ffb484 with #f70000. Closest websafe color is: #ff6633.

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

● #fb5a42 color description : Bright red.

The hexadecimal color #fb5a42 has RGB values of R:251, G:90, B:66 and CMYK values of C:0, M:0.64, Y:0.74, K:0.02. Its decimal value is 16472642.

Hex triplet	fb5a42	`#fb5a42`
RGB Decimal	251, 90, 66	`rgb(251,90,66)`
RGB Percent	98.4, 35.3, 25.9	`rgb(98.4%,35.3%,25.9%)`
CMYK	0, 64, 74, 2
HSL	7.8°, 95.9, 62.2	`hsl(7.8,95.9%,62.2%)`
HSV (or HSB)	7.8°, 73.7, 98.4
Web Safe	ff6633	`#ff6633`

CIE-LAB	60.087, 60.071, 46.514
XYZ	44.425, 28.22, 8.262
xyY	0.549, 0.349, 28.22
CIE-LCH	60.087, 75.974, 37.751
CIE-LUV	60.087, 127.299, 36.985
Hunter-Lab	53.122, 56.312, 27.965
Binary	11111011, 01011010, 01000010

#fb5a42
```
#fb5a42 rgb(251,90,66)
```
#42e3fb
```
#42e3fb rgb(66,227,251)
```

Complementary Color

#fb4287
```
#fb4287 rgb(251,66,135)
```
#fb5a42
```
#fb5a42 rgb(251,90,66)
```
#fbb742
```
#fbb742 rgb(251,183,66)
```

Analogous Color

#4287fb
```
#4287fb rgb(66,135,251)
```
#fb5a42
```
#fb5a42 rgb(251,90,66)
```
#42fbb7
```
#42fbb7 rgb(66,251,183)
```

Split Complementary Color

#5a42fb
```
#5a42fb rgb(90,66,251)
```
#fb5a42
```
#fb5a42 rgb(251,90,66)
```
#42fb5a
```
#42fb5a rgb(66,251,90)
```

Triadic Color

#fb42e3
```
#fb42e3 rgb(251,66,227)
```
#fb5a42
```
#fb5a42 rgb(251,90,66)
```
#42fb5a
```
#42fb5a rgb(66,251,90)
```
#42e3fb
```
#42e3fb rgb(66,227,251)
```

Tetradic Color

#ec2305
```
#ec2305 rgb(236,35,5)
```
#fa2e10
```
#fa2e10 rgb(250,46,16)
```
#fa4429
```
#fa4429 rgb(250,68,41)
```
#fb5a42
```
#fb5a42 rgb(251,90,66)
```
#fc705b
```
#fc705b rgb(252,112,91)
```
#fc8674
```
#fc8674 rgb(252,134,116)
```
#fd9b8d
```
#fd9b8d rgb(253,155,141)
```

Monochromatic Color

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

#fb4258
```
#fb4258 rgb(251,66,88)
```
#fb4249
```
#fb4249 rgb(251,66,73)
```
#fb4b42
```
#fb4b42 rgb(251,75,66)
```
#fb5a42
```
#fb5a42 rgb(251,90,66)
```
#fb6942
```
#fb6942 rgb(251,105,66)
```
#fb7942
```
#fb7942 rgb(251,121,66)
```
#fb8842
```
#fb8842 rgb(251,136,66)
```

Similar Colors

Text with hexadecimal color #fb5a42

This text has a font color of #fb5a42.

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

#fb5a42 background color

This paragraph has a background color of #fb5a42.

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

#fb5a42 border color

This element has a border color of #fb5a42.

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

CSS codes

.text {color:#fb5a42;}

.background {background-color:#fb5a42;}

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

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

#030000
```
#030000 rgb(3,0,0)
```
#160300
```
#160300 rgb(22,3,0)
```
#2a0601
```
#2a0601 rgb(42,6,1)
```
#3d0901
```
#3d0901 rgb(61,9,1)
```
#500c02
```
#500c02 rgb(80,12,2)
```
#630f02
```
#630f02 rgb(99,15,2)
```
#761203
```
#761203 rgb(118,18,3)
```
#8a1403
```
#8a1403 rgb(138,20,3)
```
#9d1703
```
#9d1703 rgb(157,23,3)
```
#b01a04
```
#b01a04 rgb(176,26,4)
```
#c31d04
```
#c31d04 rgb(195,29,4)
```
#d62005
```
#d62005 rgb(214,32,5)
```
#ea2305
```
#ea2305 rgb(234,35,5)
```

Shade Color Variation

#fa2808
```
#fa2808 rgb(250,40,8)
```
#fa381c
```
#fa381c rgb(250,56,28)
```
#fb492f
```
#fb492f rgb(251,73,47)
```
#fb5a42
```
#fb5a42 rgb(251,90,66)
```
#fb6b55
```
#fb6b55 rgb(251,107,85)
```
#fc7c68
```
#fc7c68 rgb(252,124,104)
```
#fc8c7c
```
#fc8c7c rgb(252,140,124)
```
#fd9d8f
```
#fd9d8f rgb(253,157,143)
```
#fdaea2
```
#fdaea2 rgb(253,174,162)
```
#fdbfb5
```
#fdbfb5 rgb(253,191,181)
```
#fecfc8
```
#fecfc8 rgb(254,207,200)
```
#fee0dc
```
#fee0dc rgb(254,224,220)
```
#fff1ef
```
#fff1ef rgb(255,241,239)
```

Tint Color Variation

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

#a29c9b
```
#a29c9b rgb(162,156,155)
```
#a99694
```
#a99694 rgb(169,150,148)
```
#b1918c
```
#b1918c rgb(177,145,140)
```
#b88b85
```
#b88b85 rgb(184,139,133)
```
#c0867d
```
#c0867d rgb(192,134,125)
```
#c78076
```
#c78076 rgb(199,128,118)
```
#ce7b6f
```
#ce7b6f rgb(206,123,111)
```
#d67567
```
#d67567 rgb(214,117,103)
```
#dd7060
```
#dd7060 rgb(221,112,96)
```
#e56a58
```
#e56a58 rgb(229,106,88)
```
#ec6551
```
#ec6551 rgb(236,101,81)
```
#f45f49
```
#f45f49 rgb(244,95,73)
```
#fb5a42
```
#fb5a42 rgb(251,90,66)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#9e7e79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4965b Protanopia 1% of men
#b98f40 Deuteranopia 1% of men
#fc5f64 Tritanopia 0.001% of the population

Trichromacy

#c38052 Protanomaly 1% of men, 0.01% of women
#d17c40 Deuteranomaly 6% of men, 0.4% of women
#fb5d57 Tritanomaly 0.01% of the population

#fb5a42 hex color

#fb5a42 Color Information

#fb5a42 Color Conversion

Color Schemes with #fb5a42

Alternatives to #fb5a42

#fb5a42 Preview

Shades and Tints of #fb5a42

Tones of #fb5a42

Color Blindness Simulator