#f26f4c hex color

In a RGB color space, hex #f26f4c is composed of 94.9% red, 43.5% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.1% magenta, 68.6% yellow and 5.1% black. It has a hue angle of 12.7 degrees, a saturation of 86.5% and a lightness of 62.4%. #f26f4c color hex could be obtained by blending #ffde98 with #e50000. Closest websafe color is: #ff6633.

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

● #f26f4c color description : Soft red.

The hexadecimal color #f26f4c has RGB values of R:242, G:111, B:76 and CMYK values of C:0, M:0.54, Y:0.69, K:0.05. Its decimal value is 15888204.

Hex triplet	f26f4c	`#f26f4c`
RGB Decimal	242, 111, 76	`rgb(242,111,76)`
RGB Percent	94.9, 43.5, 29.8	`rgb(94.9%,43.5%,29.8%)`
CMYK	0, 54, 69, 5
HSL	12.7°, 86.5, 62.4	`hsl(12.7,86.5%,62.4%)`
HSV (or HSB)	12.7°, 68.6, 94.9
Web Safe	ff6633	`#ff6633`

CIE-LAB	62.315, 48.075, 43.368
XYZ	43.608, 30.772, 10.48
xyY	0.514, 0.363, 30.772
CIE-LCH	62.315, 64.746, 42.053
CIE-LUV	62.315, 103.055, 38.684
Hunter-Lab	55.473, 43.246, 27.629
Binary	11110010, 01101111, 01001100

#f26f4c
```
#f26f4c rgb(242,111,76)
```
#4ccff2
```
#4ccff2 rgb(76,207,242)
```

Complementary Color

#f24c7c
```
#f24c7c rgb(242,76,124)
```
#f26f4c
```
#f26f4c rgb(242,111,76)
```
#f2c24c
```
#f2c24c rgb(242,194,76)
```

Analogous Color

#4c7cf2
```
#4c7cf2 rgb(76,124,242)
```
#f26f4c
```
#f26f4c rgb(242,111,76)
```
#4cf2c2
```
#4cf2c2 rgb(76,242,194)
```

Split Complementary Color

#6f4cf2
```
#6f4cf2 rgb(111,76,242)
```
#f26f4c
```
#f26f4c rgb(242,111,76)
```
#4cf26f
```
#4cf26f rgb(76,242,111)
```

Triadic Color

#f24ccf
```
#f24ccf rgb(242,76,207)
```
#f26f4c
```
#f26f4c rgb(242,111,76)
```
#4cf26f
```
#4cf26f rgb(76,242,111)
```
#4ccff2
```
#4ccff2 rgb(76,207,242)
```

Tetradic Color

#e13c10
```
#e13c10 rgb(225,60,16)
```
#ef491c
```
#ef491c rgb(239,73,28)
```
#f05c34
```
#f05c34 rgb(240,92,52)
```
#f26f4c
```
#f26f4c rgb(242,111,76)
```
#f48264
```
#f48264 rgb(244,130,100)
```
#f5957c
```
#f5957c rgb(245,149,124)
```
#f7a893
```
#f7a893 rgb(247,168,147)
```

Monochromatic Color

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

#f24c53
```
#f24c53 rgb(242,76,83)
```
#f2534c
```
#f2534c rgb(242,83,76)
```
#f2614c
```
#f2614c rgb(242,97,76)
```
#f26f4c
```
#f26f4c rgb(242,111,76)
```
#f27d4c
```
#f27d4c rgb(242,125,76)
```
#f28b4c
```
#f28b4c rgb(242,139,76)
```
#f2994c
```
#f2994c rgb(242,153,76)
```

Similar Colors

Text with hexadecimal color #f26f4c

This text has a font color of #f26f4c.

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

#f26f4c background color

This paragraph has a background color of #f26f4c.

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

#f26f4c border color

This element has a border color of #f26f4c.

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

CSS codes

.text {color:#f26f4c;}

.background {background-color:#f26f4c;}

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

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

#040100
```
#040100 rgb(4,1,0)
```
#160602
```
#160602 rgb(22,6,2)
```
#280b03
```
#280b03 rgb(40,11,3)
```
#3b1004
```
#3b1004 rgb(59,16,4)
```
#4d1506
```
#4d1506 rgb(77,21,6)
```
#5f1a07
```
#5f1a07 rgb(95,26,7)
```
#721e08
```
#721e08 rgb(114,30,8)
```
#84230a
```
#84230a rgb(132,35,10)
```
#96280b
```
#96280b rgb(150,40,11)
```
#a82d0c
```
#a82d0c rgb(168,45,12)
```
#bb320e
```
#bb320e rgb(187,50,14)
```
#cd370f
```
#cd370f rgb(205,55,15)
```
#df3c10
```
#df3c10 rgb(223,60,16)
```

Shade Color Variation

#ee4315
```
#ee4315 rgb(238,67,21)
```
#ef5227
```
#ef5227 rgb(239,82,39)
```
#f1603a
```
#f1603a rgb(241,96,58)
```
#f26f4c
```
#f26f4c rgb(242,111,76)
```
#f37e5e
```
#f37e5e rgb(243,126,94)
```
#f58c71
```
#f58c71 rgb(245,140,113)
```
#f69b83
```
#f69b83 rgb(246,155,131)
```
#f7aa95
```
#f7aa95 rgb(247,170,149)
```
#f9b9a7
```
#f9b9a7 rgb(249,185,167)
```
#fac7ba
```
#fac7ba rgb(250,199,186)
```
#fbd6cc
```
#fbd6cc rgb(251,214,204)
```
#fde5de
```
#fde5de rgb(253,229,222)
```
#fef3f1
```
#fef3f1 rgb(254,243,241)
```

Tint Color Variation

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

#a19e9d
```
#a19e9d rgb(161,158,157)
```
#a89a96
```
#a89a96 rgb(168,154,150)
```
#b0958e
```
#b0958e rgb(176,149,142)
```
#b79187
```
#b79187 rgb(183,145,135)
```
#be8d80
```
#be8d80 rgb(190,141,128)
```
#c68978
```
#c68978 rgb(198,137,120)
```
#cd8471
```
#cd8471 rgb(205,132,113)
```
#d4806a
```
#d4806a rgb(212,128,106)
```
#dc7c62
```
#dc7c62 rgb(220,124,98)
```
#e3785b
```
#e3785b rgb(227,120,91)
```
#eb7353
```
#eb7353 rgb(235,115,83)
```
#f26f4c
```
#f26f4c rgb(242,111,76)
```
#f96b45
```
#f96b45 rgb(249,107,69)
```

Tone Color Variation

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

#aa9c61 Protanopia 1% of men
#bf954d Deuteranopia 1% of men
#f47178 Tritanopia 0.001% of the population

Trichromacy

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

#f26f4c hex color

#f26f4c Color Information

#f26f4c Color Conversion

Color Schemes with #f26f4c

Alternatives to #f26f4c

#f26f4c Preview

Shades and Tints of #f26f4c

Tones of #f26f4c

Color Blindness Simulator