#f06455 hex color

In a RGB color space, hex #f06455 is composed of 94.1% red, 39.2% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.3% magenta, 64.6% yellow and 5.9% black. It has a hue angle of 5.8 degrees, a saturation of 83.8% and a lightness of 63.7%. #f06455 color hex could be obtained by blending #ffc8aa with #e10000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 94
- G 39
- B 33
RGB color chart
- C 0
- M 58
- Y 65
- K 6
CMYK color chart

● #f06455 color description : Soft red.

The hexadecimal color #f06455 has RGB values of R:240, G:100, B:85 and CMYK values of C:0, M:0.58, Y:0.65, K:0.06. Its decimal value is 15754325.

Hex triplet	f06455	`#f06455`
RGB Decimal	240, 100, 85	`rgb(240,100,85)`
RGB Percent	94.1, 39.2, 33.3	`rgb(94.1%,39.2%,33.3%)`
CMYK	0, 58, 65, 6
HSL	5.8°, 83.8, 63.7	`hsl(5.8,83.8%,63.7%)`
HSV (or HSB)	5.8°, 64.6, 94.1
Web Safe	ff6666	`#ff6666`

CIE-LAB	60.159, 52.972, 35.853
XYZ	42.134, 28.3, 11.838
xyY	0.512, 0.344, 28.3
CIE-LCH	60.159, 63.964, 34.092
CIE-LUV	60.159, 107.761, 30.411
Hunter-Lab	53.197, 48.28, 24.045
Binary	11110000, 01100100, 01010101

#f06455
```
#f06455 rgb(240,100,85)
```
#55e1f0
```
#55e1f0 rgb(85,225,240)
```

Complementary Color

#f05594
```
#f05594 rgb(240,85,148)
```
#f06455
```
#f06455 rgb(240,100,85)
```
#f0b255
```
#f0b255 rgb(240,178,85)
```

Analogous Color

#5594f0
```
#5594f0 rgb(85,148,240)
```
#f06455
```
#f06455 rgb(240,100,85)
```
#55f0b2
```
#55f0b2 rgb(85,240,178)
```

Split Complementary Color

#6455f0
```
#6455f0 rgb(100,85,240)
```
#f06455
```
#f06455 rgb(240,100,85)
```
#55f064
```
#55f064 rgb(85,240,100)
```

Triadic Color

#f055e1
```
#f055e1 rgb(240,85,225)
```
#f06455
```
#f06455 rgb(240,100,85)
```
#55f064
```
#55f064 rgb(85,240,100)
```
#55e1f0
```
#55e1f0 rgb(85,225,240)
```

Tetradic Color

#e42814
```
#e42814 rgb(228,40,20)
```
#ec3926
```
#ec3926 rgb(236,57,38)
```
#ee4f3e
```
#ee4f3e rgb(238,79,62)
```
#f06455
```
#f06455 rgb(240,100,85)
```
#f2796c
```
#f2796c rgb(242,121,108)
```
#f48f84
```
#f48f84 rgb(244,143,132)
```
#f6a49b
```
#f6a49b rgb(246,164,155)
```

Monochromatic Color

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

#f0556d
```
#f0556d rgb(240,85,109)
```
#f05560
```
#f05560 rgb(240,85,96)
```
#f05755
```
#f05755 rgb(240,87,85)
```
#f06455
```
#f06455 rgb(240,100,85)
```
#f07155
```
#f07155 rgb(240,113,85)
```
#f07e55
```
#f07e55 rgb(240,126,85)
```
#f08b55
```
#f08b55 rgb(240,139,85)
```

Similar Colors

Text with hexadecimal color #f06455

This text has a font color of #f06455.

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

#f06455 background color

This paragraph has a background color of #f06455.

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

#f06455 border color

This element has a border color of #f06455.

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

CSS codes

.text {color:#f06455;}

.background {background-color:#f06455;}

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

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

#0a0201
```
#0a0201 rgb(10,2,1)
```
#1c0502
```
#1c0502 rgb(28,5,2)
```
#2e0804
```
#2e0804 rgb(46,8,4)
```
#400b06
```
#400b06 rgb(64,11,6)
```
#520f07
```
#520f07 rgb(82,15,7)
```
#641209
```
#641209 rgb(100,18,9)
```
#76150a
```
#76150a rgb(118,21,10)
```
#88180c
```
#88180c rgb(136,24,12)
```
#9a1b0e
```
#9a1b0e rgb(154,27,14)
```
#ac1e0f
```
#ac1e0f rgb(172,30,15)
```
#be2211
```
#be2211 rgb(190,34,17)
```
#d12512
```
#d12512 rgb(209,37,18)
```
#e32814
```
#e32814 rgb(227,40,20)
```

Shade Color Variation

#eb331f
```
#eb331f rgb(235,51,31)
```
#ed4331
```
#ed4331 rgb(237,67,49)
```
#ee5443
```
#ee5443 rgb(238,84,67)
```
#f06455
```
#f06455 rgb(240,100,85)
```
#f27467
```
#f27467 rgb(242,116,103)
```
#f38579
```
#f38579 rgb(243,133,121)
```
#f5958b
```
#f5958b rgb(245,149,139)
```
#f6a69d
```
#f6a69d rgb(246,166,157)
```
#f8b6af
```
#f8b6af rgb(248,182,175)
```
#fac7c1
```
#fac7c1 rgb(250,199,193)
```
#fbd7d3
```
#fbd7d3 rgb(251,215,211)
```
#fde7e5
```
#fde7e5 rgb(253,231,229)
```
#fef8f7
```
#fef8f7 rgb(254,248,247)
```

Tint Color Variation

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

#a99d9c
```
#a99d9c rgb(169,157,156)
```
#b09895
```
#b09895 rgb(176,152,149)
```
#b7928e
```
#b7928e rgb(183,146,142)
```
#be8c87
```
#be8c87 rgb(190,140,135)
```
#c58680
```
#c58680 rgb(197,134,128)
```
#cc8179
```
#cc8179 rgb(204,129,121)
```
#d47b71
```
#d47b71 rgb(212,123,113)
```
#db756a
```
#db756a rgb(219,117,106)
```
#e26f63
```
#e26f63 rgb(226,111,99)
```
#e96a5c
```
#e96a5c rgb(233,106,92)
```
#f06455
```
#f06455 rgb(240,100,85)
```
#f75e4e
```
#f75e4e rgb(247,94,78)
```
#fe5947
```
#fe5947 rgb(254,89,71)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#a08481 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2966c Protanopia 1% of men
#b69055 Deuteranopia 1% of men
#f1696f Tritanopia 0.001% of the population

Trichromacy

#be8464 Protanomaly 1% of men, 0.01% of women
#cb8055 Deuteranomaly 6% of men, 0.4% of women
#f16765 Tritanomaly 0.01% of the population

#f06455 hex color

#f06455 Color Information

#f06455 Color Conversion

Color Schemes with #f06455

Alternatives to #f06455

#f06455 Preview

Shades and Tints of #f06455

Tones of #f06455

Color Blindness Simulator