#f26f4d hex color

In a RGB color space, hex #f26f4d is composed of 94.9% red, 43.5% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.1% magenta, 68.2% yellow and 5.1% black. It has a hue angle of 12.4 degrees, a saturation of 86.4% and a lightness of 62.5%. #f26f4d color hex could be obtained by blending #ffde9a with #e50000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 95
- G 44
- B 30
RGB color chart
- C 0
- M 54
- Y 68
- K 5
CMYK color chart

● #f26f4d color description : Soft red.

The hexadecimal color #f26f4d has RGB values of R:242, G:111, B:77 and CMYK values of C:0, M:0.54, Y:0.68, K:0.05. Its decimal value is 15888205.

Hex triplet	f26f4d	`#f26f4d`
RGB Decimal	242, 111, 77	`rgb(242,111,77)`
RGB Percent	94.9, 43.5, 30.2	`rgb(94.9%,43.5%,30.2%)`
CMYK	0, 54, 68, 5
HSL	12.4°, 86.4, 62.5	`hsl(12.4,86.4%,62.5%)`
HSV (or HSB)	12.4°, 68.2, 94.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	62.327, 48.127, 42.854
XYZ	43.643, 30.786, 10.665
xyY	0.513, 0.362, 30.786
CIE-LCH	62.327, 64.441, 41.683
CIE-LUV	62.327, 102.894, 38.26
Hunter-Lab	55.485, 43.305, 27.444
Binary	11110010, 01101111, 01001101

#f26f4d
```
#f26f4d rgb(242,111,77)
```
#4dd0f2
```
#4dd0f2 rgb(77,208,242)
```

Complementary Color

#f24d7e
```
#f24d7e rgb(242,77,126)
```
#f26f4d
```
#f26f4d rgb(242,111,77)
```
#f2c24d
```
#f2c24d rgb(242,194,77)
```

Analogous Color

#4d7ef2
```
#4d7ef2 rgb(77,126,242)
```
#f26f4d
```
#f26f4d rgb(242,111,77)
```
#4df2c2
```
#4df2c2 rgb(77,242,194)
```

Split Complementary Color

#6f4df2
```
#6f4df2 rgb(111,77,242)
```
#f26f4d
```
#f26f4d rgb(242,111,77)
```
#4df26f
```
#4df26f rgb(77,242,111)
```

Triadic Color

#f24dd0
```
#f24dd0 rgb(242,77,208)
```
#f26f4d
```
#f26f4d rgb(242,111,77)
```
#4df26f
```
#4df26f rgb(77,242,111)
```
#4dd0f2
```
#4dd0f2 rgb(77,208,242)
```

Tetradic Color

#e23c11
```
#e23c11 rgb(226,60,17)
```
#ef491d
```
#ef491d rgb(239,73,29)
```
#f05c35
```
#f05c35 rgb(240,92,53)
```
#f26f4d
```
#f26f4d rgb(242,111,77)
```
#f48265
```
#f48265 rgb(244,130,101)
```
#f5957d
```
#f5957d rgb(245,149,125)
```
#f7a994
```
#f7a994 rgb(247,169,148)
```

Monochromatic Color

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

#f24d54
```
#f24d54 rgb(242,77,84)
```
#f2544d
```
#f2544d rgb(242,84,77)
```
#f2614d
```
#f2614d rgb(242,97,77)
```
#f26f4d
```
#f26f4d rgb(242,111,77)
```
#f27d4d
```
#f27d4d rgb(242,125,77)
```
#f28b4d
```
#f28b4d rgb(242,139,77)
```
#f2984d
```
#f2984d rgb(242,152,77)
```

Similar Colors

Text with hexadecimal color #f26f4d

This text has a font color of #f26f4d.

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

#f26f4d background color

This paragraph has a background color of #f26f4d.

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

#f26f4d border color

This element has a border color of #f26f4d.

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

CSS codes

.text {color:#f26f4d;}

.background {background-color:#f26f4d;}

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

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

#050100
```
#050100 rgb(5,1,0)
```
#170602
```
#170602 rgb(23,6,2)
```
#290b03
```
#290b03 rgb(41,11,3)
```
#3c1004
```
#3c1004 rgb(60,16,4)
```
#4e1506
```
#4e1506 rgb(78,21,6)
```
#601907
```
#601907 rgb(96,25,7)
```
#721e08
```
#721e08 rgb(114,30,8)
```
#85230a
```
#85230a rgb(133,35,10)
```
#97280b
```
#97280b rgb(151,40,11)
```
#a92d0c
```
#a92d0c rgb(169,45,12)
```
#bc320e
```
#bc320e rgb(188,50,14)
```
#ce360f
```
#ce360f rgb(206,54,15)
```
#e03b10
```
#e03b10 rgb(224,59,16)
```

Shade Color Variation

#ee4316
```
#ee4316 rgb(238,67,22)
```
#ef5128
```
#ef5128 rgb(239,81,40)
```
#f1603b
```
#f1603b rgb(241,96,59)
```
#f26f4d
```
#f26f4d rgb(242,111,77)
```
#f37e5f
```
#f37e5f rgb(243,126,95)
```
#f58d72
```
#f58d72 rgb(245,141,114)
```
#f69b84
```
#f69b84 rgb(246,155,132)
```
#f7aa96
```
#f7aa96 rgb(247,170,150)
```
#f9b9a8
```
#f9b9a8 rgb(249,185,168)
```
#fac8bb
```
#fac8bb rgb(250,200,187)
```
#fbd7cd
```
#fbd7cd rgb(251,215,205)
```
#fde5df
```
#fde5df rgb(253,229,223)
```
#fef4f2
```
#fef4f2 rgb(254,244,242)
```

Tint Color Variation

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

#a19f9e
```
#a19f9e rgb(161,159,158)
```
#a99a96
```
#a99a96 rgb(169,154,150)
```
#b0968f
```
#b0968f rgb(176,150,143)
```
#b79288
```
#b79288 rgb(183,146,136)
```
#bf8d80
```
#bf8d80 rgb(191,141,128)
```
#c68979
```
#c68979 rgb(198,137,121)
```
#cd8572
```
#cd8572 rgb(205,133,114)
```
#d5806a
```
#d5806a rgb(213,128,106)
```
#dc7c63
```
#dc7c63 rgb(220,124,99)
```
#e3785c
```
#e3785c rgb(227,120,92)
```
#eb7354
```
#eb7354 rgb(235,115,84)
```
#f26f4d
```
#f26f4d rgb(242,111,77)
```
#f96b46
```
#f96b46 rgb(249,107,70)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#a58b84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99c62 Protanopia 1% of men
#bf954e Deuteranopia 1% of men
#f47178 Tritanopia 0.001% of the population

Trichromacy

#c48b5a Protanomaly 1% of men, 0.01% of women
#d1874d Deuteranomaly 6% of men, 0.4% of women
#f37068 Tritanomaly 0.01% of the population

#f26f4d hex color

#f26f4d Color Information

#f26f4d Color Conversion

Color Schemes with #f26f4d

Alternatives to #f26f4d

#f26f4d Preview

Shades and Tints of #f26f4d

Tones of #f26f4d

Color Blindness Simulator