#f27158 hex color

In a RGB color space, hex #f27158 is composed of 94.9% red, 44.3% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.3% magenta, 63.6% yellow and 5.1% black. It has a hue angle of 9.7 degrees, a saturation of 85.6% and a lightness of 64.7%. #f27158 color hex could be obtained by blending #ffe2b0 with #e50000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 95
- G 44
- B 35
RGB color chart
- C 0
- M 53
- Y 64
- K 5
CMYK color chart

● #f27158 color description : Soft red.

The hexadecimal color #f27158 has RGB values of R:242, G:113, B:88 and CMYK values of C:0, M:0.53, Y:0.64, K:0.05. Its decimal value is 15888728.

Hex triplet	f27158	`#f27158`
RGB Decimal	242, 113, 88	`rgb(242,113,88)`
RGB Percent	94.9, 44.3, 34.5	`rgb(94.9%,44.3%,34.5%)`
CMYK	0, 53, 64, 5
HSL	9.7°, 85.6, 64.7	`hsl(9.7,85.6%,64.7%)`
HSV (or HSB)	9.7°, 63.6, 94.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	62.841, 47.795, 37.551
XYZ	44.286, 31.396, 12.96
xyY	0.5, 0.354, 31.396
CIE-LCH	62.841, 60.782, 38.156
CIE-LUV	62.841, 99.544, 33.993
Hunter-Lab	56.032, 43.023, 25.509
Binary	11110010, 01110001, 01011000

#f27158
```
#f27158 rgb(242,113,88)
```
#58d9f2
```
#58d9f2 rgb(88,217,242)
```

Complementary Color

#f2588c
```
#f2588c rgb(242,88,140)
```
#f27158
```
#f27158 rgb(242,113,88)
```
#f2be58
```
#f2be58 rgb(242,190,88)
```

Analogous Color

#588cf2
```
#588cf2 rgb(88,140,242)
```
#f27158
```
#f27158 rgb(242,113,88)
```
#58f2be
```
#58f2be rgb(88,242,190)
```

Split Complementary Color

#7158f2
```
#7158f2 rgb(113,88,242)
```
#f27158
```
#f27158 rgb(242,113,88)
```
#58f271
```
#58f271 rgb(88,242,113)
```

Triadic Color

#f258d9
```
#f258d9 rgb(242,88,217)
```
#f27158
```
#f27158 rgb(242,113,88)
```
#58f271
```
#58f271 rgb(88,242,113)
```
#58d9f2
```
#58d9f2 rgb(88,217,242)
```

Tetradic Color

#eb3612
```
#eb3612 rgb(235,54,18)
```
#ee4929
```
#ee4929 rgb(238,73,41)
```
#f05d40
```
#f05d40 rgb(240,93,64)
```
#f27158
```
#f27158 rgb(242,113,88)
```
#f48570
```
#f48570 rgb(244,133,112)
```
#f69987
```
#f69987 rgb(246,153,135)
```
#f8ad9f
```
#f8ad9f rgb(248,173,159)
```

Monochromatic Color

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

#f25866
```
#f25866 rgb(242,88,102)
```
#f25859
```
#f25859 rgb(242,88,89)
```
#f26458
```
#f26458 rgb(242,100,88)
```
#f27158
```
#f27158 rgb(242,113,88)
```
#f27e58
```
#f27e58 rgb(242,126,88)
```
#f28b58
```
#f28b58 rgb(242,139,88)
```
#f29858
```
#f29858 rgb(242,152,88)
```

Similar Colors

Text with hexadecimal color #f27158

This text has a font color of #f27158.

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

#f27158 background color

This paragraph has a background color of #f27158.

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

#f27158 border color

This element has a border color of #f27158.

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

CSS codes

.text {color:#f27158;}

.background {background-color:#f27158;}

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

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

#0f0301
```
#0f0301 rgb(15,3,1)
```
#210803
```
#210803 rgb(33,8,3)
```
#330c04
```
#330c04 rgb(51,12,4)
```
#461005
```
#461005 rgb(70,16,5)
```
#581407
```
#581407 rgb(88,20,7)
```
#6a1808
```
#6a1808 rgb(106,24,8)
```
#7c1c0a
```
#7c1c0a rgb(124,28,10)
```
#8e200b
```
#8e200b rgb(142,32,11)
```
#a1250d
```
#a1250d rgb(161,37,13)
```
#b3290e
```
#b3290e rgb(179,41,14)
```
#c52d0f
```
#c52d0f rgb(197,45,15)
```
#d73111
```
#d73111 rgb(215,49,17)
```
#e93512
```
#e93512 rgb(233,53,18)
```

Shade Color Variation

#ee4321
```
#ee4321 rgb(238,67,33)
```
#ef5234
```
#ef5234 rgb(239,82,52)
```
#f16246
```
#f16246 rgb(241,98,70)
```
#f27158
```
#f27158 rgb(242,113,88)
```
#f3806a
```
#f3806a rgb(243,128,106)
```
#f5907c
```
#f5907c rgb(245,144,124)
```
#f69f8f
```
#f69f8f rgb(246,159,143)
```
#f8afa1
```
#f8afa1 rgb(248,175,161)
```
#f9beb3
```
#f9beb3 rgb(249,190,179)
```
#fbcec5
```
#fbcec5 rgb(251,206,197)
```
#fcddd7
```
#fcddd7 rgb(252,221,215)
```
#fdedea
```
#fdedea rgb(253,237,234)
```
#fffcfc
```
#fffcfc rgb(255,252,252)
```

Tint Color Variation

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

#a6a4a4
```
#a6a4a4 rgb(166,164,164)
```
#ada09d
```
#ada09d rgb(173,160,157)
```
#b49b96
```
#b49b96 rgb(180,155,150)
```
#bb968f
```
#bb968f rgb(187,150,143)
```
#c29288
```
#c29288 rgb(194,146,136)
```
#c88d82
```
#c88d82 rgb(200,141,130)
```
#cf887b
```
#cf887b rgb(207,136,123)
```
#d68474
```
#d68474 rgb(214,132,116)
```
#dd7f6d
```
#dd7f6d rgb(221,127,109)
```
#e47a66
```
#e47a66 rgb(228,122,102)
```
#eb765f
```
#eb765f rgb(235,118,95)
```
#f27158
```
#f27158 rgb(242,113,88)
```
#f96c51
```
#f96c51 rgb(249,108,81)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#a88e89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99d6d Protanopia 1% of men
#bf9659 Deuteranopia 1% of men
#f4747b Tritanopia 0.001% of the population

Trichromacy

#c48d65 Protanomaly 1% of men, 0.01% of women
#d18858 Deuteranomaly 6% of men, 0.4% of women
#f3736e Tritanomaly 0.01% of the population

#f27158 hex color

#f27158 Color Information

#f27158 Color Conversion

Color Schemes with #f27158

Alternatives to #f27158

#f27158 Preview

Shades and Tints of #f27158

Tones of #f27158

Color Blindness Simulator