colorhexa.com

#f04355 hex color

In a RGB color space, hex #f04355 is composed of 94.1% red, 26.3% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.1% magenta, 64.6% yellow and 5.9% black. It has a hue angle of 353.8 degrees, a saturation of 85.2% and a lightness of 60.2%. #f04355 color hex could be obtained by blending #ff86aa with #e10000. Closest websafe color is: #ff3366.

- R 94
- G 26
- B 33
RGB color chart
- C 0
- M 72
- Y 65
- K 6
CMYK color chart

● #f04355 color description : Bright red.

The hexadecimal color #f04355 has RGB values of R:240, G:67, B:85 and CMYK values of C:0, M:0.72, Y:0.65, K:0.06. Its decimal value is 15745877.

Hex triplet	f04355	`#f04355`
RGB Decimal	240, 67, 85	`rgb(240,67,85)`
RGB Percent	94.1, 26.3, 33.3	`rgb(94.1%,26.3%,33.3%)`
CMYK	0, 72, 65, 6
HSL	353.8°, 85.2, 60.2	`hsl(353.8,85.2%,60.2%)`
HSV (or HSB)	353.8°, 72.1, 94.1
Web Safe	ff3366	`#ff3366`

CIE-LAB	55.278, 66.158, 29.78
XYZ	39.584, 23.2, 10.988
xyY	0.537, 0.314, 23.2
CIE-LCH	55.278, 72.552, 24.234
CIE-LUV	55.278, 128.386, 20.236
Hunter-Lab	48.166, 62.402, 20.191
Binary	11110000, 01000011, 01010101

#f04355
```
#f04355 rgb(240,67,85)
```
#43f0de
```
#43f0de rgb(67,240,222)
```

Complementary Color

#f043ac
```
#f043ac rgb(240,67,172)
```
#f04355
```
#f04355 rgb(240,67,85)
```
#f08843
```
#f08843 rgb(240,136,67)
```

Analogous Color

#43acf0
```
#43acf0 rgb(67,172,240)
```
#f04355
```
#f04355 rgb(240,67,85)
```
#43f088
```
#43f088 rgb(67,240,136)
```

Split Complementary Color

#4355f0
```
#4355f0 rgb(67,85,240)
```
#f04355
```
#f04355 rgb(240,67,85)
```
#55f043
```
#55f043 rgb(85,240,67)
```

Triadic Color

#de43f0
```
#de43f0 rgb(222,67,240)
```
#f04355
```
#f04355 rgb(240,67,85)
```
#55f043
```
#55f043 rgb(85,240,67)
```
#43f0de
```
#43f0de rgb(67,240,222)
```

Tetradic Color

#d51125
```
#d51125 rgb(213,17,37)
```
#ec142a
```
#ec142a rgb(236,20,42)
```
#ee2b40
```
#ee2b40 rgb(238,43,64)
```
#f04355
```
#f04355 rgb(240,67,85)
```
#f25b6a
```
#f25b6a rgb(242,91,106)
```
#f47280
```
#f47280 rgb(244,114,128)
```
#f68a95
```
#f68a95 rgb(246,138,149)
```

Monochromatic Color

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

#f04380
```
#f04380 rgb(240,67,128)
```
#f04372
```
#f04372 rgb(240,67,114)
```
#f04363
```
#f04363 rgb(240,67,99)
```
#f04355
```
#f04355 rgb(240,67,85)
```
#f04347
```
#f04347 rgb(240,67,71)
```
#f04e43
```
#f04e43 rgb(240,78,67)
```
#f05c43
```
#f05c43 rgb(240,92,67)
```

Similar Colors

Text with hexadecimal color #f04355

This text has a font color of #f04355.

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

#f04355 background color

This paragraph has a background color of #f04355.

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

#f04355 border color

This element has a border color of #f04355.

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

CSS codes

.text {color:#f04355;}

.background {background-color:#f04355;}

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

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

#0c0102
```
#0c0102 rgb(12,1,2)
```
#1e0205
```
#1e0205 rgb(30,2,5)
```
#300408
```
#300408 rgb(48,4,8)
```
#42050c
```
#42050c rgb(66,5,12)
```
#54070f
```
#54070f rgb(84,7,15)
```
#670812
```
#670812 rgb(103,8,18)
```
#790a15
```
#790a15 rgb(121,10,21)
```
#8b0b18
```
#8b0b18 rgb(139,11,24)
```
#9d0d1c
```
#9d0d1c rgb(157,13,28)
```
#af0e1f
```
#af0e1f rgb(175,14,31)
```
#c10f22
```
#c10f22 rgb(193,15,34)
```
#d41125
```
#d41125 rgb(212,17,37)
```
#e61228
```
#e61228 rgb(230,18,40)
```

Shade Color Variation

#ed1f34
```
#ed1f34 rgb(237,31,52)
```
#ef3145
```
#ef3145 rgb(239,49,69)
```
#f04355
```
#f04355 rgb(240,67,85)
```
#f15565
```
#f15565 rgb(241,85,101)
```
#f36776
```
#f36776 rgb(243,103,118)
```
#f47986
```
#f47986 rgb(244,121,134)
```
#f68c97
```
#f68c97 rgb(246,140,151)
```
#f79ea7
```
#f79ea7 rgb(247,158,167)
```
#f9b0b8
```
#f9b0b8 rgb(249,176,184)
```
#fac2c8
```
#fac2c8 rgb(250,194,200)
```
#fcd4d8
```
#fcd4d8 rgb(252,212,216)
```
#fde6e9
```
#fde6e9 rgb(253,230,233)
```
#fef9f9
```
#fef9f9 rgb(254,249,249)
```

Tint Color Variation

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

#9a9999
```
#9a9999 rgb(154,153,153)
```
#a29193
```
#a29193 rgb(162,145,147)
```
#aa898d
```
#aa898d rgb(170,137,141)
```
#b28186
```
#b28186 rgb(178,129,134)
```
#b97a80
```
#b97a80 rgb(185,122,128)
```
#c1727a
```
#c1727a rgb(193,114,122)
```
#c96a74
```
#c96a74 rgb(201,106,116)
```
#d1626e
```
#d1626e rgb(209,98,110)
```
#d95a68
```
#d95a68 rgb(217,90,104)
```
#e05361
```
#e05361 rgb(224,83,97)
```
#e84b5b
```
#e84b5b rgb(232,75,91)
```
#f04355
```
#f04355 rgb(240,67,85)
```
#f83b4f
```
#f83b4f rgb(248,59,79)
```

Tone Color Variation

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

Dichromacy

#928a74 Protanopia 1% of men
#a78452 Deuteranopia 1% of men
#f04e52 Tritanopia 0.001% of the population

Trichromacy

#b47069 Protanomaly 1% of men, 0.01% of women
#c16c53 Deuteranomaly 6% of men, 0.4% of women
#f04a53 Tritanomaly 0.01% of the population