#f5284e hex color

In a RGB color space, hex #f5284e is composed of 96.1% red, 15.7% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.7% magenta, 68.2% yellow and 3.9% black. It has a hue angle of 348.9 degrees, a saturation of 91.1% and a lightness of 55.9%. #f5284e color hex could be obtained by blending #ff509c with #eb0000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 96
- G 16
- B 31
RGB color chart
- C 0
- M 84
- Y 68
- K 4
CMYK color chart

● #f5284e color description : Bright red.

The hexadecimal color #f5284e has RGB values of R:245, G:40, B:78 and CMYK values of C:0, M:0.84, Y:0.68, K:0.04. Its decimal value is 16066638.

Hex triplet	f5284e	`#f5284e`
RGB Decimal	245, 40, 78	`rgb(245,40,78)`
RGB Percent	96.1, 15.7, 30.6	`rgb(96.1%,15.7%,30.6%)`
CMYK	0, 84, 68, 4
HSL	348.9°, 91.1, 55.9	`hsl(348.9,91.1%,55.9%)`
HSV (or HSB)	348.9°, 83.7, 96.1
Web Safe	ff3366	`#ff3366`

CIE-LAB	53.476, 74.577, 31.837
XYZ	39.792, 21.485, 9.259
xyY	0.564, 0.305, 21.485
CIE-LCH	53.476, 81.088, 23.118
CIE-LUV	53.476, 146.3, 19.236
Hunter-Lab	46.352, 72.122, 20.603
Binary	11110101, 00101000, 01001110

#f5284e
```
#f5284e rgb(245,40,78)
```
#28f5cf
```
#28f5cf rgb(40,245,207)
```

Complementary Color

#f528b5
```
#f528b5 rgb(245,40,181)
```
#f5284e
```
#f5284e rgb(245,40,78)
```
#f56928
```
#f56928 rgb(245,105,40)
```

Analogous Color

#28b5f5
```
#28b5f5 rgb(40,181,245)
```
#f5284e
```
#f5284e rgb(245,40,78)
```
#28f569
```
#28f569 rgb(40,245,105)
```

Split Complementary Color

#284ef5
```
#284ef5 rgb(40,78,245)
```
#f5284e
```
#f5284e rgb(245,40,78)
```
#4ef528
```
#4ef528 rgb(78,245,40)
```

Triadic Color

#cf28f5
```
#cf28f5 rgb(207,40,245)
```
#f5284e
```
#f5284e rgb(245,40,78)
```
#4ef528
```
#4ef528 rgb(78,245,40)
```
#28f5cf
```
#28f5cf rgb(40,245,207)
```

Tetradic Color

#c7092c
```
#c7092c rgb(199,9,44)
```
#e00a32
```
#e00a32 rgb(224,10,50)
```
#f4103a
```
#f4103a rgb(244,16,58)
```
#f5284e
```
#f5284e rgb(245,40,78)
```
#f64062
```
#f64062 rgb(246,64,98)
```
#f75976
```
#f75976 rgb(247,89,118)
```
#f8718a
```
#f8718a rgb(248,113,138)
```

Monochromatic Color

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

#f52881
```
#f52881 rgb(245,40,129)
```
#f52870
```
#f52870 rgb(245,40,112)
```
#f5285f
```
#f5285f rgb(245,40,95)
```
#f5284e
```
#f5284e rgb(245,40,78)
```
#f5283d
```
#f5283d rgb(245,40,61)
```
#f5282c
```
#f5282c rgb(245,40,44)
```
#f53528
```
#f53528 rgb(245,53,40)
```

Similar Colors

Text with hexadecimal color #f5284e

This text has a font color of #f5284e.

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

#f5284e background color

This paragraph has a background color of #f5284e.

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

#f5284e border color

This element has a border color of #f5284e.

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

CSS codes

.text {color:#f5284e;}

.background {background-color:#f5284e;}

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

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

#0a0002
```
#0a0002 rgb(10,0,2)
```
#1d0106
```
#1d0106 rgb(29,1,6)
```
#2f020b
```
#2f020b rgb(47,2,11)
```
#42030f
```
#42030f rgb(66,3,15)
```
#550413
```
#550413 rgb(85,4,19)
```
#680517
```
#680517 rgb(104,5,23)
```
#7a061b
```
#7a061b rgb(122,6,27)
```
#8d0720
```
#8d0720 rgb(141,7,32)
```
#a00724
```
#a00724 rgb(160,7,36)
```
#b30828
```
#b30828 rgb(179,8,40)
```
#c5092c
```
#c5092c rgb(197,9,44)
```
#d80a30
```
#d80a30 rgb(216,10,48)
```
#eb0b34
```
#eb0b34 rgb(235,11,52)
```

Shade Color Variation

#f4153f
```
#f4153f rgb(244,21,63)
```
#f5284e
```
#f5284e rgb(245,40,78)
```
#f63b5d
```
#f63b5d rgb(246,59,93)
```
#f74d6d
```
#f74d6d rgb(247,77,109)
```
#f8607c
```
#f8607c rgb(248,96,124)
```
#f8738c
```
#f8738c rgb(248,115,140)
```
#f9869b
```
#f9869b rgb(249,134,155)
```
#fa98ab
```
#fa98ab rgb(250,152,171)
```
#fbabba
```
#fbabba rgb(251,171,186)
```
#fcbec9
```
#fcbec9 rgb(252,190,201)
```
#fdd1d9
```
#fdd1d9 rgb(253,209,217)
```
#fee3e8
```
#fee3e8 rgb(254,227,232)
```
#fff6f8
```
#fff6f8 rgb(255,246,248)
```

Tint Color Variation

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

#96878a
```
#96878a rgb(150,135,138)
```
#9e7f84
```
#9e7f84 rgb(158,127,132)
```
#a7767f
```
#a7767f rgb(167,118,127)
```
#b06d7a
```
#b06d7a rgb(176,109,122)
```
#b86574
```
#b86574 rgb(184,101,116)
```
#c15c6f
```
#c15c6f rgb(193,92,111)
```
#ca5369
```
#ca5369 rgb(202,83,105)
```
#d24b64
```
#d24b64 rgb(210,75,100)
```
#db425e
```
#db425e rgb(219,66,94)
```
#e43959
```
#e43959 rgb(228,57,89)
```
#ec3153
```
#ec3153 rgb(236,49,83)
```
#f5284e
```
#f5284e rgb(245,40,78)
```
#fe1f49
```
#fe1f49 rgb(254,31,73)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#865d64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8672 Protanopia 1% of men
#a38049 Deuteranopia 1% of men
#f4393a Tritanopia 0.001% of the population

Trichromacy

#b26365 Protanomaly 1% of men, 0.01% of women
#c1604b Deuteranomaly 6% of men, 0.4% of women
#f43341 Tritanomaly 0.01% of the population

#f5284e hex color

#f5284e Color Information

#f5284e Color Conversion

Color Schemes with #f5284e

Alternatives to #f5284e

#f5284e Preview

Shades and Tints of #f5284e

Tones of #f5284e

Color Blindness Simulator