#f27156 hex color

In a RGB color space, hex #f27156 is composed of 94.9% red, 44.3% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.3% magenta, 64.5% yellow and 5.1% black. It has a hue angle of 10.4 degrees, a saturation of 85.7% and a lightness of 64.3%. #f27156 color hex could be obtained by blending #ffe2ac with #e50000. Closest websafe color is: #ff6666.

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

● #f27156 color description : Soft red.

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

Hex triplet	f27156	`#f27156`
RGB Decimal	242, 113, 86	`rgb(242,113,86)`
RGB Percent	94.9, 44.3, 33.7	`rgb(94.9%,44.3%,33.7%)`
CMYK	0, 53, 64, 5
HSL	10.4°, 85.7, 64.3	`hsl(10.4,85.7%,64.3%)`
HSV (or HSB)	10.4°, 64.5, 94.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	62.813, 47.675, 38.605
XYZ	44.204, 31.364, 12.53
xyY	0.502, 0.356, 31.364
CIE-LCH	62.813, 61.345, 39
CIE-LUV	62.813, 99.898, 34.948
Hunter-Lab	56.003, 42.888, 25.937
Binary	11110010, 01110001, 01010110

#f27156
```
#f27156 rgb(242,113,86)
```
#56d7f2
```
#56d7f2 rgb(86,215,242)
```

Complementary Color

#f25689
```
#f25689 rgb(242,86,137)
```
#f27156
```
#f27156 rgb(242,113,86)
```
#f2bf56
```
#f2bf56 rgb(242,191,86)
```

Analogous Color

#5689f2
```
#5689f2 rgb(86,137,242)
```
#f27156
```
#f27156 rgb(242,113,86)
```
#56f2bf
```
#56f2bf rgb(86,242,191)
```

Split Complementary Color

#7156f2
```
#7156f2 rgb(113,86,242)
```
#f27156
```
#f27156 rgb(242,113,86)
```
#56f271
```
#56f271 rgb(86,242,113)
```

Triadic Color

#f256d7
```
#f256d7 rgb(242,86,215)
```
#f27156
```
#f27156 rgb(242,113,86)
```
#56f271
```
#56f271 rgb(86,242,113)
```
#56d7f2
```
#56d7f2 rgb(86,215,242)
```

Tetradic Color

#ea3712
```
#ea3712 rgb(234,55,18)
```
#ee4927
```
#ee4927 rgb(238,73,39)
```
#f05d3e
```
#f05d3e rgb(240,93,62)
```
#f27156
```
#f27156 rgb(242,113,86)
```
#f4856e
```
#f4856e rgb(244,133,110)
```
#f69985
```
#f69985 rgb(246,153,133)
```
#f7ad9d
```
#f7ad9d rgb(247,173,157)
```

Monochromatic Color

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

#f25662
```
#f25662 rgb(242,86,98)
```
#f25756
```
#f25756 rgb(242,87,86)
```
#f26456
```
#f26456 rgb(242,100,86)
```
#f27156
```
#f27156 rgb(242,113,86)
```
#f27e56
```
#f27e56 rgb(242,126,86)
```
#f28b56
```
#f28b56 rgb(242,139,86)
```
#f29856
```
#f29856 rgb(242,152,86)
```

Similar Colors

Text with hexadecimal color #f27156

This text has a font color of #f27156.

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

#f27156 background color

This paragraph has a background color of #f27156.

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

#f27156 border color

This element has a border color of #f27156.

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

CSS codes

.text {color:#f27156;}

.background {background-color:#f27156;}

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

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

#0d0301
```
#0d0301 rgb(13,3,1)
```
#1f0702
```
#1f0702 rgb(31,7,2)
```
#320c04
```
#320c04 rgb(50,12,4)
```
#441005
```
#441005 rgb(68,16,5)
```
#561407
```
#561407 rgb(86,20,7)
```
#681908
```
#681908 rgb(104,25,8)
```
#7a1d09
```
#7a1d09 rgb(122,29,9)
```
#8d210b
```
#8d210b rgb(141,33,11)
```
#9f260c
```
#9f260c rgb(159,38,12)
```
#b12a0e
```
#b12a0e rgb(177,42,14)
```
#c32e0f
```
#c32e0f rgb(195,46,15)
```
#d63310
```
#d63310 rgb(214,51,16)
```
#e83712
```
#e83712 rgb(232,55,18)
```

Shade Color Variation

#ee431f
```
#ee431f rgb(238,67,31)
```
#ef5232
```
#ef5232 rgb(239,82,50)
```
#f16244
```
#f16244 rgb(241,98,68)
```
#f27156
```
#f27156 rgb(242,113,86)
```
#f38068
```
#f38068 rgb(243,128,104)
```
#f5907a
```
#f5907a rgb(245,144,122)
```
#f69f8d
```
#f69f8d rgb(246,159,141)
```
#f8ae9f
```
#f8ae9f rgb(248,174,159)
```
#f9beb1
```
#f9beb1 rgb(249,190,177)
```
#facdc3
```
#facdc3 rgb(250,205,195)
```
#fcdcd6
```
#fcdcd6 rgb(252,220,214)
```
#fdebe8
```
#fdebe8 rgb(253,235,232)
```
#fffbfa
```
#fffbfa rgb(255,251,250)
```

Tint Color Variation

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

#a5a3a3
```
#a5a3a3 rgb(165,163,163)
```
#ac9f9c
```
#ac9f9c rgb(172,159,156)
```
#b39a95
```
#b39a95 rgb(179,154,149)
```
#ba968e
```
#ba968e rgb(186,150,142)
```
#c19187
```
#c19187 rgb(193,145,135)
```
#c88c80
```
#c88c80 rgb(200,140,128)
```
#cf8879
```
#cf8879 rgb(207,136,121)
```
#d68372
```
#d68372 rgb(214,131,114)
```
#dd7f6b
```
#dd7f6b rgb(221,127,107)
```
#e47a64
```
#e47a64 rgb(228,122,100)
```
#eb765d
```
#eb765d rgb(235,118,93)
```
#f27156
```
#f27156 rgb(242,113,86)
```
#f96c4f
```
#f96c4f rgb(249,108,79)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#a78d88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9d6b Protanopia 1% of men
#bf9657 Deuteranopia 1% of men
#f4747b Tritanopia 0.001% of the population

Trichromacy

#c48d63 Protanomaly 1% of men, 0.01% of women
#d18856 Deuteranomaly 6% of men, 0.4% of women
#f3736d Tritanomaly 0.01% of the population

#f27156 hex color

#f27156 Color Information

#f27156 Color Conversion

Color Schemes with #f27156

Alternatives to #f27156

#f27156 Preview

Shades and Tints of #f27156

Tones of #f27156

Color Blindness Simulator