#f84055 hex color

In a RGB color space, hex #f84055 is composed of 97.3% red, 25.1% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.2% magenta, 65.7% yellow and 2.7% black. It has a hue angle of 353.2 degrees, a saturation of 92.9% and a lightness of 61.2%. #f84055 color hex could be obtained by blending #ff80aa with #f10000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 97
- G 25
- B 33
RGB color chart
- C 0
- M 74
- Y 66
- K 3
CMYK color chart

● #f84055 color description : Bright red.

The hexadecimal color #f84055 has RGB values of R:248, G:64, B:85 and CMYK values of C:0, M:0.74, Y:0.66, K:0.03. Its decimal value is 16269397.

Hex triplet	f84055	`#f84055`
RGB Decimal	248, 64, 85	`rgb(248,64,85)`
RGB Percent	97.3, 25.1, 33.3	`rgb(97.3%,25.1%,33.3%)`
CMYK	0, 74, 66, 3
HSL	353.2°, 92.9, 61.2	`hsl(353.2,92.9%,61.2%)`
HSV (or HSB)	353.2°, 74.2, 97.3
Web Safe	ff3366	`#ff3366`

CIE-LAB	56.371, 69.456, 31.461
XYZ	42.186, 24.284, 11.06
xyY	0.544, 0.313, 24.284
CIE-LCH	56.371, 76.249, 24.369
CIE-LUV	56.371, 136.304, 21.109
Hunter-Lab	49.279, 66.571, 21.189
Binary	11111000, 01000000, 01010101

#f84055
```
#f84055 rgb(248,64,85)
```
#40f8e3
```
#40f8e3 rgb(64,248,227)
```

Complementary Color

#f840b1
```
#f840b1 rgb(248,64,177)
```
#f84055
```
#f84055 rgb(248,64,85)
```
#f88740
```
#f88740 rgb(248,135,64)
```

Analogous Color

#40b1f8
```
#40b1f8 rgb(64,177,248)
```
#f84055
```
#f84055 rgb(248,64,85)
```
#40f887
```
#40f887 rgb(64,248,135)
```

Split Complementary Color

#4055f8
```
#4055f8 rgb(64,85,248)
```
#f84055
```
#f84055 rgb(248,64,85)
```
#55f840
```
#55f840 rgb(85,248,64)
```

Triadic Color

#e340f8
```
#e340f8 rgb(227,64,248)
```
#f84055
```
#f84055 rgb(248,64,85)
```
#55f840
```
#55f840 rgb(85,248,64)
```
#40f8e3
```
#40f8e3 rgb(64,248,227)
```

Tetradic Color

#e30821
```
#e30821 rgb(227,8,33)
```
#f60f29
```
#f60f29 rgb(246,15,41)
```
#f7273f
```
#f7273f rgb(247,39,63)
```
#f84055
```
#f84055 rgb(248,64,85)
```
#f9596b
```
#f9596b rgb(249,89,107)
```
#fa7181
```
#fa7181 rgb(250,113,129)
```
#fb8a97
```
#fb8a97 rgb(251,138,151)
```

Monochromatic Color

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

#f84083
```
#f84083 rgb(248,64,131)
```
#f84074
```
#f84074 rgb(248,64,116)
```
#f84064
```
#f84064 rgb(248,64,100)
```
#f84055
```
#f84055 rgb(248,64,85)
```
#f84046
```
#f84046 rgb(248,64,70)
```
#f84a40
```
#f84a40 rgb(248,74,64)
```
#f85940
```
#f85940 rgb(248,89,64)
```

Similar Colors

Text with hexadecimal color #f84055

This text has a font color of #f84055.

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

#f84055 background color

This paragraph has a background color of #f84055.

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

#f84055 border color

This element has a border color of #f84055.

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

CSS codes

.text {color:#f84055;}

.background {background-color:#f84055;}

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

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, #110103 is the darkest color, while #fffdfd is the lightest one.

#110103
```
#110103 rgb(17,1,3)
```
#240105
```
#240105 rgb(36,1,5)
```
#370208
```
#370208 rgb(55,2,8)
```
#4a030b
```
#4a030b rgb(74,3,11)
```
#5d030e
```
#5d030e rgb(93,3,14)
```
#700410
```
#700410 rgb(112,4,16)
```
#830513
```
#830513 rgb(131,5,19)
```
#960516
```
#960516 rgb(150,5,22)
```
#a90619
```
#a90619 rgb(169,6,25)
```
#bb071b
```
#bb071b rgb(187,7,27)
```
#ce081e
```
#ce081e rgb(206,8,30)
```
#e10821
```
#e10821 rgb(225,8,33)
```
#f40924
```
#f40924 rgb(244,9,36)
```

Shade Color Variation

#f71a33
```
#f71a33 rgb(247,26,51)
```
#f72d44
```
#f72d44 rgb(247,45,68)
```
#f84055
```
#f84055 rgb(248,64,85)
```
#f95366
```
#f95366 rgb(249,83,102)
```
#f96677
```
#f96677 rgb(249,102,119)
```
#fa7988
```
#fa7988 rgb(250,121,136)
```
#fb8c98
```
#fb8c98 rgb(251,140,152)
```
#fb9fa9
```
#fb9fa9 rgb(251,159,169)
```
#fcb2ba
```
#fcb2ba rgb(252,178,186)
```
#fdc4cb
```
#fdc4cb rgb(253,196,203)
```
#fed7dc
```
#fed7dc rgb(254,215,220)
```
#feeaed
```
#feeaed rgb(254,234,237)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#9d9b9c
```
#9d9b9c rgb(157,155,156)
```
#a49496
```
#a49496 rgb(164,148,150)
```
#ac8c90
```
#ac8c90 rgb(172,140,144)
```
#b3858a
```
#b3858a rgb(179,133,138)
```
#bb7d84
```
#bb7d84 rgb(187,125,132)
```
#c3757e
```
#c3757e rgb(195,117,126)
```
#ca6e78
```
#ca6e78 rgb(202,110,120)
```
#d26672
```
#d26672 rgb(210,102,114)
```
#da5e6d
```
#da5e6d rgb(218,94,109)
```
#e15767
```
#e15767 rgb(225,87,103)
```
#e94f61
```
#e94f61 rgb(233,79,97)
```
#f0485b
```
#f0485b rgb(240,72,91)
```
#f84055
```
#f84055 rgb(248,64,85)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#926e72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#958d75 Protanopia 1% of men
#ab8751 Deuteranopia 1% of men
#f74c4f Tritanopia 0.001% of the population

Trichromacy

#b97169 Protanomaly 1% of men, 0.01% of women
#c76d52 Deuteranomaly 6% of men, 0.4% of women
#f74851 Tritanomaly 0.01% of the population

#f84055 hex color

#f84055 Color Information

#f84055 Color Conversion

Color Schemes with #f84055

Alternatives to #f84055

#f84055 Preview

Shades and Tints of #f84055

Tones of #f84055

Color Blindness Simulator