#f26e54 hex color

In a RGB color space, hex #f26e54 is composed of 94.9% red, 43.1% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.5% magenta, 65.3% yellow and 5.1% black. It has a hue angle of 9.9 degrees, a saturation of 85.9% and a lightness of 63.9%. #f26e54 color hex could be obtained by blending #ffdca8 with #e50000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 95
- G 43
- B 33
RGB color chart
- C 0
- M 55
- Y 65
- K 5
CMYK color chart

● #f26e54 color description : Soft red.

The hexadecimal color #f26e54 has RGB values of R:242, G:110, B:84 and CMYK values of C:0, M:0.55, Y:0.65, K:0.05. Its decimal value is 15887956.

Hex triplet	f26e54	`#f26e54`
RGB Decimal	242, 110, 84	`rgb(242,110,84)`
RGB Percent	94.9, 43.1, 32.9	`rgb(94.9%,43.1%,32.9%)`
CMYK	0, 55, 65, 5
HSL	9.9°, 85.9, 63.9	`hsl(9.9,85.9%,63.9%)`
HSV (or HSB)	9.9°, 65.3, 94.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	62.231, 48.987, 38.988
XYZ	43.796, 30.673, 12.001
xyY	0.506, 0.355, 30.673
CIE-LCH	62.231, 62.609, 38.516
CIE-LUV	62.231, 102.445, 34.772
Hunter-Lab	55.384, 44.231, 25.921
Binary	11110010, 01101110, 01010100

#f26e54
```
#f26e54 rgb(242,110,84)
```
#54d8f2
```
#54d8f2 rgb(84,216,242)
```

Complementary Color

#f25489
```
#f25489 rgb(242,84,137)
```
#f26e54
```
#f26e54 rgb(242,110,84)
```
#f2bd54
```
#f2bd54 rgb(242,189,84)
```

Analogous Color

#5489f2
```
#5489f2 rgb(84,137,242)
```
#f26e54
```
#f26e54 rgb(242,110,84)
```
#54f2bd
```
#54f2bd rgb(84,242,189)
```

Split Complementary Color

#6e54f2
```
#6e54f2 rgb(110,84,242)
```
#f26e54
```
#f26e54 rgb(242,110,84)
```
#54f26e
```
#54f26e rgb(84,242,110)
```

Triadic Color

#f254d8
```
#f254d8 rgb(242,84,216)
```
#f26e54
```
#f26e54 rgb(242,110,84)
```
#54f26e
```
#54f26e rgb(84,242,110)
```
#54d8f2
```
#54d8f2 rgb(84,216,242)
```

Tetradic Color

#e83512
```
#e83512 rgb(232,53,18)
```
#ee4625
```
#ee4625 rgb(238,70,37)
```
#f05a3c
```
#f05a3c rgb(240,90,60)
```
#f26e54
```
#f26e54 rgb(242,110,84)
```
#f4826c
```
#f4826c rgb(244,130,108)
```
#f69683
```
#f69683 rgb(246,150,131)
```
#f7aa9b
```
#f7aa9b rgb(247,170,155)
```

Monochromatic Color

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

#f25461
```
#f25461 rgb(242,84,97)
```
#f25454
```
#f25454 rgb(242,84,84)
```
#f26154
```
#f26154 rgb(242,97,84)
```
#f26e54
```
#f26e54 rgb(242,110,84)
```
#f27b54
```
#f27b54 rgb(242,123,84)
```
#f28854
```
#f28854 rgb(242,136,84)
```
#f29654
```
#f29654 rgb(242,150,84)
```

Similar Colors

Text with hexadecimal color #f26e54

This text has a font color of #f26e54.

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

#f26e54 background color

This paragraph has a background color of #f26e54.

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

#f26e54 border color

This element has a border color of #f26e54.

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

CSS codes

.text {color:#f26e54;}

.background {background-color:#f26e54;}

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

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

#0b0301
```
#0b0301 rgb(11,3,1)
```
#1e0702
```
#1e0702 rgb(30,7,2)
```
#300b04
```
#300b04 rgb(48,11,4)
```
#420f05
```
#420f05 rgb(66,15,5)
```
#541306
```
#541306 rgb(84,19,6)
```
#661708
```
#661708 rgb(102,23,8)
```
#791c09
```
#791c09 rgb(121,28,9)
```
#8b200b
```
#8b200b rgb(139,32,11)
```
#9d240c
```
#9d240c rgb(157,36,12)
```
#af280d
```
#af280d rgb(175,40,13)
```
#c22c0f
```
#c22c0f rgb(194,44,15)
```
#d43010
```
#d43010 rgb(212,48,16)
```
#e63411
```
#e63411 rgb(230,52,17)
```

Shade Color Variation

#ee401d
```
#ee401d rgb(238,64,29)
```
#ef4f30
```
#ef4f30 rgb(239,79,48)
```
#f15f42
```
#f15f42 rgb(241,95,66)
```
#f26e54
```
#f26e54 rgb(242,110,84)
```
#f37d66
```
#f37d66 rgb(243,125,102)
```
#f58d78
```
#f58d78 rgb(245,141,120)
```
#f69c8b
```
#f69c8b rgb(246,156,139)
```
#f8ac9d
```
#f8ac9d rgb(248,172,157)
```
#f9bbaf
```
#f9bbaf rgb(249,187,175)
```
#facbc1
```
#facbc1 rgb(250,203,193)
```
#fcdad4
```
#fcdad4 rgb(252,218,212)
```
#fdeae6
```
#fdeae6 rgb(253,234,230)
```
#fef9f8
```
#fef9f8 rgb(254,249,248)
```

Tint Color Variation

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

#a4a2a2
```
#a4a2a2 rgb(164,162,162)
```
#ab9d9b
```
#ab9d9b rgb(171,157,155)
```
#b29994
```
#b29994 rgb(178,153,148)
```
#b9948d
```
#b9948d rgb(185,148,141)
```
#c08f86
```
#c08f86 rgb(192,143,134)
```
#c88a7e
```
#c88a7e rgb(200,138,126)
```
#cf8677
```
#cf8677 rgb(207,134,119)
```
#d68170
```
#d68170 rgb(214,129,112)
```
#dd7c69
```
#dd7c69 rgb(221,124,105)
```
#e47762
```
#e47762 rgb(228,119,98)
```
#eb735b
```
#eb735b rgb(235,115,91)
```
#f26e54
```
#f26e54 rgb(242,110,84)
```
#f9694d
```
#f9694d rgb(249,105,77)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#a68c86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89b6a Protanopia 1% of men
#bd9554 Deuteranopia 1% of men
#f47178 Tritanopia 0.001% of the population

Trichromacy

#c38b62 Protanomaly 1% of men, 0.01% of women
#d08654 Deuteranomaly 6% of men, 0.4% of women
#f3706b Tritanomaly 0.01% of the population

#f26e54 hex color

#f26e54 Color Information

#f26e54 Color Conversion

Color Schemes with #f26e54

Alternatives to #f26e54

#f26e54 Preview

Shades and Tints of #f26e54

Tones of #f26e54

Color Blindness Simulator