#f26b4d hex color

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

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

● #f26b4d color description : Soft red.

The hexadecimal color #f26b4d has RGB values of R:242, G:107, B:77 and CMYK values of C:0, M:0.56, Y:0.68, K:0.05. Its decimal value is 15887181.

Hex triplet	f26b4d	`#f26b4d`
RGB Decimal	242, 107, 77	`rgb(242,107,77)`
RGB Percent	94.9, 42, 30.2	`rgb(94.9%,42%,30.2%)`
CMYK	0, 56, 68, 5
HSL	10.9°, 86.4, 62.5	`hsl(10.9,86.4%,62.5%)`
HSV (or HSB)	10.9°, 68.2, 94.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	61.596, 50.015, 42.006
XYZ	43.217, 29.933, 10.523
xyY	0.517, 0.358, 29.933
CIE-LCH	61.596, 65.314, 40.026
CIE-LUV	61.596, 105.86, 36.831
Hunter-Lab	54.711, 45.256, 26.894
Binary	11110010, 01101011, 01001101

#f26b4d
```
#f26b4d rgb(242,107,77)
```
#4dd4f2
```
#4dd4f2 rgb(77,212,242)
```

Complementary Color

#f24d82
```
#f24d82 rgb(242,77,130)
```
#f26b4d
```
#f26b4d rgb(242,107,77)
```
#f2be4d
```
#f2be4d rgb(242,190,77)
```

Analogous Color

#4d82f2
```
#4d82f2 rgb(77,130,242)
```
#f26b4d
```
#f26b4d rgb(242,107,77)
```
#4df2be
```
#4df2be rgb(77,242,190)
```

Split Complementary Color

#6b4df2
```
#6b4df2 rgb(107,77,242)
```
#f26b4d
```
#f26b4d rgb(242,107,77)
```
#4df26b
```
#4df26b rgb(77,242,107)
```

Triadic Color

#f24dd4
```
#f24dd4 rgb(242,77,212)
```
#f26b4d
```
#f26b4d rgb(242,107,77)
```
#4df26b
```
#4df26b rgb(77,242,107)
```
#4dd4f2
```
#4dd4f2 rgb(77,212,242)
```

Tetradic Color

#e23711
```
#e23711 rgb(226,55,17)
```
#ef431d
```
#ef431d rgb(239,67,29)
```
#f05735
```
#f05735 rgb(240,87,53)
```
#f26b4d
```
#f26b4d rgb(242,107,77)
```
#f47f65
```
#f47f65 rgb(244,127,101)
```
#f5937d
```
#f5937d rgb(245,147,125)
```
#f7a694
```
#f7a694 rgb(247,166,148)
```

Monochromatic Color

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

#f24d58
```
#f24d58 rgb(242,77,88)
```
#f2504d
```
#f2504d rgb(242,80,77)
```
#f25d4d
```
#f25d4d rgb(242,93,77)
```
#f26b4d
```
#f26b4d rgb(242,107,77)
```
#f2794d
```
#f2794d rgb(242,121,77)
```
#f2874d
```
#f2874d rgb(242,135,77)
```
#f2944d
```
#f2944d rgb(242,148,77)
```

Similar Colors

Text with hexadecimal color #f26b4d

This text has a font color of #f26b4d.

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

#f26b4d background color

This paragraph has a background color of #f26b4d.

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

#f26b4d border color

This element has a border color of #f26b4d.

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

CSS codes

.text {color:#f26b4d;}

.background {background-color:#f26b4d;}

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

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)
```
#290a03
```
#290a03 rgb(41,10,3)
```
#3c0e04
```
#3c0e04 rgb(60,14,4)
```
#4e1306
```
#4e1306 rgb(78,19,6)
```
#601707
```
#601707 rgb(96,23,7)
```
#721c08
```
#721c08 rgb(114,28,8)
```
#85200a
```
#85200a rgb(133,32,10)
```
#97240b
```
#97240b rgb(151,36,11)
```
#a9290c
```
#a9290c rgb(169,41,12)
```
#bc2d0e
```
#bc2d0e rgb(188,45,14)
```
#ce320f
```
#ce320f rgb(206,50,15)
```
#e03610
```
#e03610 rgb(224,54,16)
```

Shade Color Variation

#ee3d16
```
#ee3d16 rgb(238,61,22)
```
#ef4d28
```
#ef4d28 rgb(239,77,40)
```
#f15c3b
```
#f15c3b rgb(241,92,59)
```
#f26b4d
```
#f26b4d rgb(242,107,77)
```
#f37a5f
```
#f37a5f rgb(243,122,95)
```
#f58972
```
#f58972 rgb(245,137,114)
```
#f69984
```
#f69984 rgb(246,153,132)
```
#f7a896
```
#f7a896 rgb(247,168,150)
```
#f9b7a8
```
#f9b7a8 rgb(249,183,168)
```
#fac6bb
```
#fac6bb rgb(250,198,187)
```
#fbd5cd
```
#fbd5cd rgb(251,213,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, #a19e9e is the less saturated color, while #f96646 is the most saturated one.

#a19e9e
```
#a19e9e rgb(161,158,158)
```
#a99a96
```
#a99a96 rgb(169,154,150)
```
#b0958f
```
#b0958f rgb(176,149,143)
```
#b79088
```
#b79088 rgb(183,144,136)
```
#bf8c80
```
#bf8c80 rgb(191,140,128)
```
#c68779
```
#c68779 rgb(198,135,121)
```
#cd8272
```
#cd8272 rgb(205,130,114)
```
#d57e6a
```
#d57e6a rgb(213,126,106)
```
#dc7963
```
#dc7963 rgb(220,121,99)
```
#e3745c
```
#e3745c rgb(227,116,92)
```
#eb7054
```
#eb7054 rgb(235,112,84)
```
#f26b4d
```
#f26b4d rgb(242,107,77)
```
#f96646
```
#f96646 rgb(249,102,70)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#a48983 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a79a63 Protanopia 1% of men
#bc934d Deuteranopia 1% of men
#f46e75 Tritanopia 0.001% of the population

Trichromacy

#c2895b Protanomaly 1% of men, 0.01% of women
#d0844d Deuteranomaly 6% of men, 0.4% of women
#f36d66 Tritanomaly 0.01% of the population

#f26b4d hex color

#f26b4d Color Information

#f26b4d Color Conversion

Color Schemes with #f26b4d

Alternatives to #f26b4d

#f26b4d Preview

Shades and Tints of #f26b4d

Tones of #f26b4d

Color Blindness Simulator