#fe5f56 hex color

In a RGB color space, hex #fe5f56 is composed of 99.6% red, 37.3% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.6% magenta, 66.1% yellow and 0.4% black. It has a hue angle of 3.2 degrees, a saturation of 98.8% and a lightness of 66.7%. #fe5f56 color hex could be obtained by blending #ffbeac with #fd0000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 100
- G 37
- B 34
RGB color chart
- C 0
- M 63
- Y 66
- K 0
CMYK color chart

● #fe5f56 color description : Soft red.

The hexadecimal color #fe5f56 has RGB values of R:254, G:95, B:86 and CMYK values of C:0, M:0.63, Y:0.66, K:0. Its decimal value is 16670550.

Hex triplet	fe5f56	`#fe5f56`
RGB Decimal	254, 95, 86	`rgb(254,95,86)`
RGB Percent	99.6, 37.3, 33.7	`rgb(99.6%,37.3%,33.7%)`
CMYK	0, 63, 66, 0
HSL	3.2°, 98.8, 66.7	`hsl(3.2,98.8%,66.7%)`
HSV (or HSB)	3.2°, 66.1, 99.6
Web Safe	ff6666	`#ff6666`

CIE-LAB	61.596, 59.931, 37.565
XYZ	46.647, 29.932, 12.125
xyY	0.526, 0.337, 29.932
CIE-LCH	61.596, 70.731, 32.08
CIE-LUV	61.596, 122.423, 30.453
Hunter-Lab	54.71, 56.449, 25.157
Binary	11111110, 01011111, 01010110

#fe5f56
```
#fe5f56 rgb(254,95,86)
```
#56f5fe
```
#56f5fe rgb(86,245,254)
```

Complementary Color

#fe56a1
```
#fe56a1 rgb(254,86,161)
```
#fe5f56
```
#fe5f56 rgb(254,95,86)
```
#feb356
```
#feb356 rgb(254,179,86)
```

Analogous Color

#56a1fe
```
#56a1fe rgb(86,161,254)
```
#fe5f56
```
#fe5f56 rgb(254,95,86)
```
#56feb3
```
#56feb3 rgb(86,254,179)
```

Split Complementary Color

#5f56fe
```
#5f56fe rgb(95,86,254)
```
#fe5f56
```
#fe5f56 rgb(254,95,86)
```
#56fe5f
```
#56fe5f rgb(86,254,95)
```

Triadic Color

#fe56f5
```
#fe56f5 rgb(254,86,245)
```
#fe5f56
```
#fe5f56 rgb(254,95,86)
```
#56fe5f
```
#56fe5f rgb(86,254,95)
```
#56f5fe
```
#56f5fe rgb(86,245,254)
```

Tetradic Color

#fe170a
```
#fe170a rgb(254,23,10)
```
#fe2f23
```
#fe2f23 rgb(254,47,35)
```
#fe473d
```
#fe473d rgb(254,71,61)
```
#fe5f56
```
#fe5f56 rgb(254,95,86)
```
#fe776f
```
#fe776f rgb(254,119,111)
```
#fe8f89
```
#fe8f89 rgb(254,143,137)
```
#fea7a2
```
#fea7a2 rgb(254,167,162)
```

Monochromatic Color

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

#fe5677
```
#fe5677 rgb(254,86,119)
```
#fe5669
```
#fe5669 rgb(254,86,105)
```
#fe565b
```
#fe565b rgb(254,86,91)
```
#fe5f56
```
#fe5f56 rgb(254,95,86)
```
#fe6d56
```
#fe6d56 rgb(254,109,86)
```
#fe7b56
```
#fe7b56 rgb(254,123,86)
```
#fe8956
```
#fe8956 rgb(254,137,86)
```

Similar Colors

Text with hexadecimal color #fe5f56

This text has a font color of #fe5f56.

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

#fe5f56 background color

This paragraph has a background color of #fe5f56.

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

#fe5f56 border color

This element has a border color of #fe5f56.

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

CSS codes

.text {color:#fe5f56;}

.background {background-color:#fe5f56;}

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

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

#060000
```
#060000 rgb(6,0,0)
```
#1a0200
```
#1a0200 rgb(26,2,0)
```
#2e0300
```
#2e0300 rgb(46,3,0)
```
#410400
```
#410400 rgb(65,4,0)
```
#550500
```
#550500 rgb(85,5,0)
```
#680601
```
#680601 rgb(104,6,1)
```
#7c0701
```
#7c0701 rgb(124,7,1)
```
#8f0801
```
#8f0801 rgb(143,8,1)
```
#a30a01
```
#a30a01 rgb(163,10,1)
```
#b60b01
```
#b60b01 rgb(182,11,1)
```
#ca0c01
```
#ca0c01 rgb(202,12,1)
```
#dd0d01
```
#dd0d01 rgb(221,13,1)
```
#f10e01
```
#f10e01 rgb(241,14,1)
```

Shade Color Variation

#fe1508
```
#fe1508 rgb(254,21,8)
```
#fe281c
```
#fe281c rgb(254,40,28)
```
#fe3a2f
```
#fe3a2f rgb(254,58,47)
```
#fe4d43
```
#fe4d43 rgb(254,77,67)
```
#fe5f56
```
#fe5f56 rgb(254,95,86)
```
#fe716a
```
#fe716a rgb(254,113,106)
```
#fe847d
```
#fe847d rgb(254,132,125)
```
#fe9691
```
#fe9691 rgb(254,150,145)
```
#fea9a4
```
#fea9a4 rgb(254,169,164)
```
#ffbbb8
```
#ffbbb8 rgb(255,187,184)
```
#ffcecb
```
#ffcecb rgb(255,206,203)
```
#ffe0df
```
#ffe0df rgb(255,224,223)
```
#fff3f2
```
#fff3f2 rgb(255,243,242)
```

Tint Color Variation

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

#b0a5a4
```
#b0a5a4 rgb(176,165,164)
```
#b69f9e
```
#b69f9e rgb(182,159,158)
```
#bd9997
```
#bd9997 rgb(189,153,151)
```
#c39491
```
#c39491 rgb(195,148,145)
```
#ca8e8a
```
#ca8e8a rgb(202,142,138)
```
#d08884
```
#d08884 rgb(208,136,132)
```
#d7827d
```
#d7827d rgb(215,130,125)
```
#dd7c77
```
#dd7c77 rgb(221,124,119)
```
#e47670
```
#e47670 rgb(228,118,112)
```
#ea716a
```
#ea716a rgb(234,113,106)
```
#f16b63
```
#f16b63 rgb(241,107,99)
```
#f7655d
```
#f7655d rgb(247,101,93)
```
#fe5f56
```
#fe5f56 rgb(254,95,86)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#a48583 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59a70 Protanopia 1% of men
#bb9354 Deuteranopia 1% of men
#fe656b Tritanopia 0.001% of the population

Trichromacy

#c58466 Protanomaly 1% of men, 0.01% of women
#d38055 Deuteranomaly 6% of men, 0.4% of women
#fe6363 Tritanomaly 0.01% of the population

#fe5f56 hex color

#fe5f56 Color Information

#fe5f56 Color Conversion

Color Schemes with #fe5f56

Alternatives to #fe5f56

#fe5f56 Preview

Shades and Tints of #fe5f56

Tones of #fe5f56

Color Blindness Simulator