colorhexa.com

#f27255 hex color

In a RGB color space, hex #f27255 is composed of 94.9% red, 44.7% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.9% magenta, 64.9% yellow and 5.1% black. It has a hue angle of 11.1 degrees, a saturation of 85.8% and a lightness of 64.1%. #f27255 color hex could be obtained by blending #ffe4aa with #e50000. Closest websafe color is: #ff6666.

- R 95
- G 45
- B 33
RGB color chart
- C 0
- M 53
- Y 65
- K 5
CMYK color chart

● #f27255 color description : Soft red.

The hexadecimal color #f27255 has RGB values of R:242, G:114, B:85 and CMYK values of C:0, M:0.53, Y:0.65, K:0.05. Its decimal value is 15888981.

Hex triplet	f27255	`#f27255`
RGB Decimal	242, 114, 85	`rgb(242,114,85)`
RGB Percent	94.9, 44.7, 33.3	`rgb(94.9%,44.7%,33.3%)`
CMYK	0, 53, 65, 5
HSL	11.1°, 85.8, 64.1	`hsl(11.1,85.8%,64.1%)`
HSV (or HSB)	11.1°, 64.9, 94.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	62.987, 47.135, 39.356
XYZ	44.276, 31.572, 12.356
xyY	0.502, 0.358, 31.572
CIE-LCH	62.987, 61.405, 39.861
CIE-LUV	62.987, 99.336, 35.792
Hunter-Lab	56.189, 42.326, 26.294
Binary	11110010, 01110010, 01010101

#f27255
```
#f27255 rgb(242,114,85)
```
#55d5f2
```
#55d5f2 rgb(85,213,242)
```

Complementary Color

#f25587
```
#f25587 rgb(242,85,135)
```
#f27255
```
#f27255 rgb(242,114,85)
```
#f2c155
```
#f2c155 rgb(242,193,85)
```

Analogous Color

#5587f2
```
#5587f2 rgb(85,135,242)
```
#f27255
```
#f27255 rgb(242,114,85)
```
#55f2c1
```
#55f2c1 rgb(85,242,193)
```

Split Complementary Color

#7255f2
```
#7255f2 rgb(114,85,242)
```
#f27255
```
#f27255 rgb(242,114,85)
```
#55f272
```
#55f272 rgb(85,242,114)
```

Triadic Color

#f255d5
```
#f255d5 rgb(242,85,213)
```
#f27255
```
#f27255 rgb(242,114,85)
```
#55f272
```
#55f272 rgb(85,242,114)
```
#55d5f2
```
#55d5f2 rgb(85,213,242)
```

Tetradic Color

#e93912
```
#e93912 rgb(233,57,18)
```
#ee4b26
```
#ee4b26 rgb(238,75,38)
```
#f05e3d
```
#f05e3d rgb(240,94,61)
```
#f27255
```
#f27255 rgb(242,114,85)
```
#f4866d
```
#f4866d rgb(244,134,109)
```
#f69984
```
#f69984 rgb(246,153,132)
```
#f7ad9c
```
#f7ad9c rgb(247,173,156)
```

Monochromatic Color

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

#f2555f
```
#f2555f rgb(242,85,95)
```
#f25855
```
#f25855 rgb(242,88,85)
```
#f26555
```
#f26555 rgb(242,101,85)
```
#f27255
```
#f27255 rgb(242,114,85)
```
#f27f55
```
#f27f55 rgb(242,127,85)
```
#f28c55
```
#f28c55 rgb(242,140,85)
```
#f29955
```
#f29955 rgb(242,153,85)
```

Similar Colors

Text with hexadecimal color #f27255

This text has a font color of #f27255.

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

#f27255 background color

This paragraph has a background color of #f27255.

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

#f27255 border color

This element has a border color of #f27255.

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

CSS codes

.text {color:#f27255;}

.background {background-color:#f27255;}

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

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

#0c0301
```
#0c0301 rgb(12,3,1)
```
#1e0802
```
#1e0802 rgb(30,8,2)
```
#310c04
```
#310c04 rgb(49,12,4)
```
#431105
```
#431105 rgb(67,17,5)
```
#551507
```
#551507 rgb(85,21,7)
```
#671a08
```
#671a08 rgb(103,26,8)
```
#7a1e09
```
#7a1e09 rgb(122,30,9)
```
#8c230b
```
#8c230b rgb(140,35,11)
```
#9e270c
```
#9e270c rgb(158,39,12)
```
#b02c0d
```
#b02c0d rgb(176,44,13)
```
#c2300f
```
#c2300f rgb(194,48,15)
```
#d53510
```
#d53510 rgb(213,53,16)
```
#e73912
```
#e73912 rgb(231,57,18)
```

Shade Color Variation

#ee451e
```
#ee451e rgb(238,69,30)
```
#ef5431
```
#ef5431 rgb(239,84,49)
```
#f16343
```
#f16343 rgb(241,99,67)
```
#f27255
```
#f27255 rgb(242,114,85)
```
#f38167
```
#f38167 rgb(243,129,103)
```
#f59079
```
#f59079 rgb(245,144,121)
```
#f69f8c
```
#f69f8c rgb(246,159,140)
```
#f8ae9e
```
#f8ae9e rgb(248,174,158)
```
#f9beb0
```
#f9beb0 rgb(249,190,176)
```
#facdc2
```
#facdc2 rgb(250,205,194)
```
#fcdcd5
```
#fcdcd5 rgb(252,220,213)
```
#fdebe7
```
#fdebe7 rgb(253,235,231)
```
#fffaf9
```
#fffaf9 rgb(255,250,249)
```

Tint Color Variation

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

#a5a3a2
```
#a5a3a2 rgb(165,163,162)
```
#ac9e9b
```
#ac9e9b rgb(172,158,155)
```
#b39a94
```
#b39a94 rgb(179,154,148)
```
#ba968d
```
#ba968d rgb(186,150,141)
```
#c19186
```
#c19186 rgb(193,145,134)
```
#c88d7f
```
#c88d7f rgb(200,141,127)
```
#cf8878
```
#cf8878 rgb(207,136,120)
```
#d68471
```
#d68471 rgb(214,132,113)
```
#dd7f6a
```
#dd7f6a rgb(221,127,106)
```
#e47b63
```
#e47b63 rgb(228,123,99)
```
#eb765c
```
#eb765c rgb(235,118,92)
```
#f27255
```
#f27255 rgb(242,114,85)
```
#f96e4e
```
#f96e4e rgb(249,110,78)
```

Tone Color Variation

Below, you can see how #f27255 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
#a88e88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9d6a Protanopia 1% of men
#bf9656 Deuteranopia 1% of men
#f4757c Tritanopia 0.001% of the population

Trichromacy

#c48d62 Protanomaly 1% of men, 0.01% of women
#d28955 Deuteranomaly 6% of men, 0.4% of women
#f3746e Tritanomaly 0.01% of the population