#f26557 hex color

In a RGB color space, hex #f26557 is composed of 94.9% red, 39.6% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.3% magenta, 64% yellow and 5.1% black. It has a hue angle of 5.4 degrees, a saturation of 85.6% and a lightness of 64.5%. #f26557 color hex could be obtained by blending #ffcaae with #e50000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 95
- G 40
- B 34
RGB color chart
- C 0
- M 58
- Y 64
- K 5
CMYK color chart

● #f26557 color description : Soft red.

The hexadecimal color #f26557 has RGB values of R:242, G:101, B:87 and CMYK values of C:0, M:0.58, Y:0.64, K:0.05. Its decimal value is 15885655.

Hex triplet	f26557	`#f26557`
RGB Decimal	242, 101, 87	`rgb(242,101,87)`
RGB Percent	94.9, 39.6, 34.1	`rgb(94.9%,39.6%,34.1%)`
CMYK	0, 58, 64, 5
HSL	5.4°, 85.6, 64.5	`hsl(5.4,85.6%,64.5%)`
HSV (or HSB)	5.4°, 64, 94.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	60.673, 53.331, 35.444
XYZ	42.993, 28.877, 12.326
xyY	0.511, 0.343, 28.877
CIE-LCH	60.673, 64.035, 33.609
CIE-LUV	60.673, 108.302, 30.093
Hunter-Lab	53.737, 48.772, 24.016
Binary	11110010, 01100101, 01010111

#f26557
```
#f26557 rgb(242,101,87)
```
#57e4f2
```
#57e4f2 rgb(87,228,242)
```

Complementary Color

#f25797
```
#f25797 rgb(242,87,151)
```
#f26557
```
#f26557 rgb(242,101,87)
```
#f2b357
```
#f2b357 rgb(242,179,87)
```

Analogous Color

#5797f2
```
#5797f2 rgb(87,151,242)
```
#f26557
```
#f26557 rgb(242,101,87)
```
#57f2b3
```
#57f2b3 rgb(87,242,179)
```

Split Complementary Color

#6557f2
```
#6557f2 rgb(101,87,242)
```
#f26557
```
#f26557 rgb(242,101,87)
```
#57f265
```
#57f265 rgb(87,242,101)
```

Triadic Color

#f257e4
```
#f257e4 rgb(242,87,228)
```
#f26557
```
#f26557 rgb(242,101,87)
```
#57f265
```
#57f265 rgb(87,242,101)
```
#57e4f2
```
#57e4f2 rgb(87,228,242)
```

Tetradic Color

#ea2612
```
#ea2612 rgb(234,38,18)
```
#ee3a28
```
#ee3a28 rgb(238,58,40)
```
#f04f3f
```
#f04f3f rgb(240,79,63)
```
#f26557
```
#f26557 rgb(242,101,87)
```
#f47b6f
```
#f47b6f rgb(244,123,111)
```
#f69086
```
#f69086 rgb(246,144,134)
```
#f7a69e
```
#f7a69e rgb(247,166,158)
```

Monochromatic Color

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

#f25770
```
#f25770 rgb(242,87,112)
```
#f25763
```
#f25763 rgb(242,87,99)
```
#f25857
```
#f25857 rgb(242,88,87)
```
#f26557
```
#f26557 rgb(242,101,87)
```
#f27257
```
#f27257 rgb(242,114,87)
```
#f27f57
```
#f27f57 rgb(242,127,87)
```
#f28c57
```
#f28c57 rgb(242,140,87)
```

Similar Colors

Text with hexadecimal color #f26557

This text has a font color of #f26557.

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

#f26557 background color

This paragraph has a background color of #f26557.

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

#f26557 border color

This element has a border color of #f26557.

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

CSS codes

.text {color:#f26557;}

.background {background-color:#f26557;}

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

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, #0e0201 is the darkest color, while #fffbfb is the lightest one.

#0e0201
```
#0e0201 rgb(14,2,1)
```
#200502
```
#200502 rgb(32,5,2)
```
#320804
```
#320804 rgb(50,8,4)
```
#450b05
```
#450b05 rgb(69,11,5)
```
#570e07
```
#570e07 rgb(87,14,7)
```
#691108
```
#691108 rgb(105,17,8)
```
#7b140a
```
#7b140a rgb(123,20,10)
```
#8e170b
```
#8e170b rgb(142,23,11)
```
#a01a0c
```
#a01a0c rgb(160,26,12)
```
#b21d0e
```
#b21d0e rgb(178,29,14)
```
#c4200f
```
#c4200f rgb(196,32,15)
```
#d62211
```
#d62211 rgb(214,34,17)
```
#e92512
```
#e92512 rgb(233,37,18)
```

Shade Color Variation

#ee3320
```
#ee3320 rgb(238,51,32)
```
#ef4433
```
#ef4433 rgb(239,68,51)
```
#f15445
```
#f15445 rgb(241,84,69)
```
#f26557
```
#f26557 rgb(242,101,87)
```
#f37669
```
#f37669 rgb(243,118,105)
```
#f5867b
```
#f5867b rgb(245,134,123)
```
#f6978e
```
#f6978e rgb(246,151,142)
```
#f8a8a0
```
#f8a8a0 rgb(248,168,160)
```
#f9b8b2
```
#f9b8b2 rgb(249,184,178)
```
#fac9c4
```
#fac9c4 rgb(250,201,196)
```
#fcdad6
```
#fcdad6 rgb(252,218,214)
```
#fdebe9
```
#fdebe9 rgb(253,235,233)
```
#fffbfb
```
#fffbfb rgb(255,251,251)
```

Tint Color Variation

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

#a5a4a4
```
#a5a4a4 rgb(165,164,164)
```
#ac9e9d
```
#ac9e9d rgb(172,158,157)
```
#b39896
```
#b39896 rgb(179,152,150)
```
#ba938f
```
#ba938f rgb(186,147,143)
```
#c18d88
```
#c18d88 rgb(193,141,136)
```
#c88781
```
#c88781 rgb(200,135,129)
```
#cf827a
```
#cf827a rgb(207,130,122)
```
#d67c73
```
#d67c73 rgb(214,124,115)
```
#dd766c
```
#dd766c rgb(221,118,108)
```
#e47065
```
#e47065 rgb(228,112,101)
```
#eb6b5e
```
#eb6b5e rgb(235,107,94)
```
#f26557
```
#f26557 rgb(242,101,87)
```
#f95f50
```
#f95f50 rgb(249,95,80)
```

Tone Color Variation

Below, you can see how #f26557 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
#a28683 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3976f Protanopia 1% of men
#b89157 Deuteranopia 1% of men
#f36a70 Tritanopia 0.001% of the population

Trichromacy

#bf8566 Protanomaly 1% of men, 0.01% of women
#cd8157 Deuteranomaly 6% of men, 0.4% of women
#f36867 Tritanomaly 0.01% of the population

#f26557 hex color

#f26557 Color Information

#f26557 Color Conversion

Color Schemes with #f26557

Alternatives to #f26557

#f26557 Preview

Shades and Tints of #f26557

Tones of #f26557

Color Blindness Simulator